How to ADD collapsible rows for Product Page in Modular theme

Hi there.

I’m trying to ADD a section with Collapsible Rows in my Product Page, but Modular theme won’t let me.

I’m trying to do something very similar to this:

When I click on “Add Block” this is what shows up:

I’m using the latest version of Modular: Modular 4.1.0

This is my store: https://www.sounatural.com.br/

Any thoughts? Thanks in advance !

Hi, @rbmancini . I’m happy to help you out with this! What kind of information are you thinking of adding into your collapsible rows?

The Modular theme is a third party theme so I’ll be limited in my knowledge of the theme’s settings, but I took a look at it and I think I’ve found a section that will help you out with what you’re describing. The section I’m speaking about is called FAQ and you can see an example of it in the screenshot below. It doesn’t display the collapsible rows exactly like in the example you shared, but it works quite similarly. To add this section, navigate to your Default product template in your theme editor and click Add section > FAQ. You can then edit this section further using the Question blocks found under the section. You can learn more about using the FAQ section in Presidio Creative’s documentation for the Modular theme here.

Also, in your screenshot it looks like you are only viewing the blocks that are available for your Product page section rather than all of the options you have for your Default product template in general. To see all of your options you’ll want to make sure you’re looking at the other sections you can add to the page as well. This guide on using sections and blocks to customize themes can help.

Please let me know if you have any questions!

Hey Erin, thanks for answering!

I want to add the following information:
INGREDIENTS
INSTRUCTIONS
SHIPPING & RETURN

Shipping & Return will be the same for all products, but the ingredients and instructions will be unique for each product.

The thing about this example is that it looks so much nicer with the icons than the FAQ template.

I found it to be really annoying that a 300 dollars template won’t support such a usefull and obvious menu like Collapsible Rows.

Hi, @rbmancini . Thanks for your reply!

Each theme in the theme store has its own set of features and its own look and feel. As a result, not all themes will have the same features. Also, when themes do have the same features they often look different. Before purchasing a theme it’s always best to preview it first. You can find the steps to preview a theme on this page. This will help you ensure the theme has all the features you’re looking for before you purchase it.

The Modular theme does have a collapsible row feature you can use to add the information you mentioned. However, it’s called the FAQ section for this theme and it has its own design that differs from the Dawn theme. You can add your information into this section the same way you would with the Dawn theme. This guide on using metafields can help you out with this. I won’t have more information on how to add icons to this section since it doesn’t seem to be a built in feature for Modular. That being said, you can ask the theme developer for Modular about this to see if they can help further. You can find their contact information listed under the Support and documentation tab on Modular’s theme listing page here. If your theme developer can’t help you with this customization, you can still get more help by hiring a Shopify expert to assist you. You can hire a Shopify expert from the Shopify Partner Directory here.

I’m happy to help if you have more questions!