How to create collapsible tabs for product descriptions?

[smithhnery]

Hi everyone,

I’m trying to create collapsible tabs on my product pages to organize content like Description, Shipping Info, and Reviews. I’m using a Shopify 2.0 theme (Dawn) and I’d like the tabs to be styled cleanly and toggle open/closed when clicked (checkout).

Is there a way to do this using custom Liquid/HTML/CSS, or can it be done using metafields and sections? Ideally, I’d like to control the content of each tab from the product admin or metafields.

If anyone has a code snippet, example, or best practice for implementing this, I’d really appreciate it!

Thanks in advance.

[Ron-Judgeme]

Hi Smith,

I'm Ron from the Customer Support Team of Judge.me!

In this case, currently, I see the Dawn theme supports creating the Collapsible row in the Theme Customize

You can also control, manage it in the Theme customize.

And I see you would like to add the review widget from us to the collapsible tab, please let me know via the email of our support team: support@judge.me,  or you can send us a message via chat once you access the app.

If you need any assistance, please feel free to reach out to us. Our customer support team is always available 24/7 and we'll be more than happy to help.