Jump to content

Move Accordion in Additional Info on Product Page under Add to Cart button

Recommended Posts

Site URL: https://honeybabeherbs.squarespace.com

I'm working in v7.1 and I'd like the "additional info" block from my product listing (which I've formatted as an accordion) to be below the product description and above the add to cart button as sketched below. I've read so many threads about this but haven't found anything that will work for me? 

Would like this format for each product listing but willing to edit each one individually. I'd also like to keep the accordion functionality and have them be condensed as default. 

https://honeybabeherbs.squarespace.com/ Password is Calendula 

image.thumb.png.f4186ae11903a433685a8331fce27c68.png

Link to comment
  • 2 months later...
1 hour ago, holahannah said:

So I believe from my understanding I need CSS to move the accordions to sit below the buttons?

By default my code will move the accordion to the end of the product details.

You have two issues. You've installed twcsl twice. The options described in the install instructions are two choices. You should choose one that matches your situation.

The second issue is that you already have a code block that is manipulating the accordion block.

<script src="https://storage.googleapis.com/squarepaste/base-jquery.js"></script>
<script>$(".accordion-block").appendTo(".ProductItem-details-excerpt");</script>

My code and the other code are incompatible. You need to decide which method you want to use.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.