Squarespace Accordion Block in Product Description

A short tutorial: a bit of code that moves the Accordion Block from your product’s Additional Info section to the end of the product Description.

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?

  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.

Last updated

November 30, 2021

Category

Insight

Related articles