Collapsible tabs in product description

In my product descriptions I have sections for ingredients, directions for use and precautions. if I have them in a table they display as collapsible tabs with a plus/minus symbol next to them. However when I chose the setting ‘display description below media’ those collapsible tabs disappear and the entire text is displayed.

Is it possible to retain those collapsible tabs when the description is displayed below?

Hi @KBancroft

When changing places, I guess your product description is missing some wrapper class. You may need to check and add that class again to solve the issue.

Hi,

Edit the product template (product.liquid or main-product.liquid)to include collapsible tabs.
Use JavaScript for collapsible functionality.

Example code


Style with CSS.
Adjust to theme settings to support both description placements.

If you need help on this , you can contact us

Ok I’ll give that a go. Thanks for your help.