Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Jaxk

Question

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
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0
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

Create an account or sign in to comment

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


×
×
  • Create New...