How can I add a collapsible button on a product page?

Hi everyone,

I’ve been looking for a way to add a collapsible button on the product page (under the “Add to cart” button.

I am using the Prestige theme and I don’t seem to be able to locate that feature.

One thing that I tried was to add a variant on a product page but then what was displayed wasn’t what I was looking for.

This is an example of the collapsible button I am looking for.

SylwiaK_0-1626723785605.png

Thank you in advance for your answers,

Sylwia

I checked and theme supports this: https://i.imgur.com/W1CVb7n.png
You just need to go to snippets > product-tabs.liquid file and add a structure similar to that, it will work fine.
Ex:

Delivery
Delivery Content

Thank you for providing me with a perfect solution!

Hi! I’m also looking for a similar solution, I tried this one and it’s very good but I would like to have and right arrow “>” to the left before the text instead (see picture), do you know how I can solve that?

I have a side on my page that have this effect and the code is:

What shipping carriers do you use?

We use all major carriers, and local courier partners. You’ll be asked to select a delivery method during checkout.

But when I reuse this the tab isn’t toggleable, any suggestions on what to do?

Anyone know if there is a way to make a tabe auto-expanded? I am using one of the tabs as the description but I would like it to start expanded

I tried changing aria-expanded=“false” to true and it shows the ‘-’ rather than the ‘+’ but the tab is still not expaned