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

Insert Dropdown Accordion in Product Description


BelBarStudio

Question

6 answers to this question

Recommended Posts

  • 0

Hi,

 

here are more detail of how I'm using it. @fucci ids starting with #yui... are dynamic and always change so you cannot use them as a reference. You need to use ids starting with #block.

for a start I have used the code from silvabokis using markdown for the accordion feature. I only use markdowns for accordion and I use a brine template.

You create the accordion in the Additional Info of your product. 

The code below insert the accordion after the product description, you can add the script in the footer in the code injection section. 

<script>
$(document).ready(function (){

var myBlock = $(".sqs-block-markdown").detach();

myBlock.appendTo(".ProductItem-details-excerpt");

})
</script>

Laurent

Link to comment
  • 0
On 6/23/2020 at 11:08 AM, BelBarStudio said:

Hi,

 

here are more detail of how I'm using it. @fucci ids starting with #yui... are dynamic and always change so you cannot use them as a reference. You need to use ids starting with #block.

for a start I have used the code from silvabokis using markdown for the accordion feature. I only use markdowns for accordion and I use a brine template.

You create the accordion in the Additional Info of your product. 

The code below insert the accordion after the product description, you can add the script in the footer in the code injection section. 

<script>
$(document).ready(function (){

var myBlock = $(".sqs-block-markdown").detach();

myBlock.appendTo(".ProductItem-details-excerpt");

})
</script>

Laurent

Hi @BelBarStudio. I'm trying to follow your instructions but when I go to SilvaBokis' site I don't see any mention of the accordion feature. Do you happen to have the markdown that I need to paste in my "additional information" portion of my product page? Thank you. 

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...