How to add a collapsible text option to my Product page on Debut theme?

Store Design
, , , ,
1

Hi there,

I’m hoping this won’t be too complicated :blush: . I use the Debut theme.

On my services page (https://rasayanaliving.com/collections/services), I have a lot of text. I would like to be able to add “collapsible text” options so that people don’t feel overwhelmed with so much text. Sort of like a “Q&A collapsible text”.

For example, I’d like to add something like

“Introduction” and then when people click it, it opens up with:

“Hello! My name is Eric Sanchez. I am a Naturopath, Certified Detoxification Specialist, Clinical Iridologist, Health Coach, and Master Herbalist. Welcome to my Health Services.”

In total, I think I’d like 3 or 4 collapsible options for now so that I can condense all the text and my customers can open and close them.

If you can give me numeric step be step directions, I would truly appreciate it. Thank you very much!

2

Hi, @EES210 . I’m happy to help you out with this!

The best way to add collapsible content to your online store would be to use an Online Store 2.0 theme. These themes allow you to easily add sections, like the collapsible row section, to your pages using your theme editor. This guide on using sections and blocks to customize Online Store 2.0 themes can help explain how to do this. We also have more information on how collapsible content sections typically work here. If you are interested in trying out an Online Store 2.0 theme you can learn more about the features of these themes here. You can also find a list of Online Store 2.0 themes in our theme store here. I recommend using one of these free themes to begin. If you tell me more about the features of Debut that you like I may also be able to suggest some themes with similar features.

If you’re using a vintage theme like Debut, you would need to customize your theme code or use a third party app to do what you described. You can find apps that can help with page customization here. If you’d like to do this by editing your theme code you can hire a Shopify expert to assist you. Shopify experts are trusted, third-party agencies and freelancers who offer services for Shopify merchants. You can hire a Shopify expert on this page and you can learn more about them here. Soon, the Shopify Partner Directory will replace the Shopify Experts Marketplace so that’s something to be aware of as well. You can find more information about the Shopify Partner Directory here if you’d like to learn more.

Please let me know if you have any questions!