Squarespace Accordion Block in Product Description

 

We’re here with a short tutorial in the format of a blog post!

This bit of code will move the Accordion Block in your product’s Additional Info section to the end of your product’s Description.
Nifty, right?

View Demo

  1. While editing your product, go to the Additional Info section and add an Accordion Block.

  2. Underneath the Accordion Block, add an Embed Block or Code Block. Use an Embed Block if you are on a personal plan; if you are on a business plan or higher, then you can use a Code Block.

  3. Copy the code below and paste it into the Embed or Code Block

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

All done! Now, the Accordion Block on that product should automatically be placed within the Product Description.

Previous
Previous

Web Design Firm vs. Web Design Agency

Next
Next

Local Pickup for Customers