Jump to content

How can I Add Accordion (Expanding Sections) to Product Description?

Recommended Posts

Site URL: https://smithereen07.com/shop/p/sulvam-ss19-raw-hem-contrast-stitched-blazer-jacket

I don't have coding experience but I managed to add expanding sections in the additional information by adding the code below.

<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
 $(document).ready(function(){

 $('.markdown-block .sqs-block-content h3').css('cursor','pointer');

 $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();

 $(".markdown-block .sqs-block-content h3").click(function()
{$(this).nextUntil("h3").slideToggle();});
 });
 </script>

I tried to find methods to move the accordion in the addition information section to replace the major description section, but none of them worked. I would appreciate any help, thanks in advance.

This screenshot is basically what I am looking for. 

image.thumb.png.8d3cc8f9ab3d4d6256ea2a19753d8065.png

Link to comment
  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

21 hours ago, IXStudio said:

Hi,
Check this please and after installing, contact me via DM to move it to the product description.
 


Please use the like button if it helps you!

Best,
Leopold

I've already downloaded the plugin and added the code injection, could help me with the next step?

Link to comment
  • 11 months later...
On 2/7/2022 at 3:50 AM, deniambrose21 said:

HiI am trying to move a markdown accordion block underneath an image. See attached. Trying to get the "size and usage" under the pink image box. 

Screen Shot 2022-02-06 at 3.49.19 PM.png

The url doesn't exist. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 2/15/2022 at 8:23 PM, deniambrose21 said:

Hi. You mean this?

image.thumb.png.2752928827f284727102dc4731d2491b.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
14 hours ago, deniambrose21 said:

Yes. I'm trying to get the accordion to go under my "additional info" section.

This issue has been solved in the following thread.

 

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.