Solved

Dawn Theme - auto-open first collapsible row

troydewit
Excursionist
22 0 0

Hi,

 

I'm using Dawn Theme, is there a way to have the first collapsible row on product pages opened by default?

 

Kind regards

TJ de Wit
Accepted Solution (1)

GemPages
Shopify Partner
5587 1260 1190

This is an accepted solution.

Hello @troydewit ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675046196300.png


2. Open your main-product.liquid theme file


3. Find collapsible_tab by Ctrl + F and add the below code inside the <details> tag

{% if block.settings.open %} open {% endif %}

GemPages_1-1675046378343.png

 

4. Find "type": "collapsible_tab" and add the below code after "settings": [

        {
          "type": "checkbox",
          "id": "open",
          "label": "Open by default"
        },

GemPages_2-1675046512656.png

 

5. Finally, go to the Customize > choose Product and you can check this box to apply it

GemPages_3-1675046598554.png

 

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 8 (8)

GemPages
Shopify Partner
5587 1260 1190

This is an accepted solution.

Hello @troydewit ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675046196300.png


2. Open your main-product.liquid theme file


3. Find collapsible_tab by Ctrl + F and add the below code inside the <details> tag

{% if block.settings.open %} open {% endif %}

GemPages_1-1675046378343.png

 

4. Find "type": "collapsible_tab" and add the below code after "settings": [

        {
          "type": "checkbox",
          "id": "open",
          "label": "Open by default"
        },

GemPages_2-1675046512656.png

 

5. Finally, go to the Customize > choose Product and you can check this box to apply it

GemPages_3-1675046598554.png

 

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
BEYLASBOX
New Member
4 0 0

This did not work, it only typed "open" inside the row when the checkmark is clicked. 

Is there a way to open the row instead of typing open inside?

BEYLASBOX
New Member
4 0 0

Well nope it does work!!! be sure to check if the > is correctly placed when you follow the tutorial. Verify on the pictures provided by the amazing @GemPages 

andrw
Visitor
1 0 1

Hi, is it possible to use this on the Craft theme, I've tried but I can't find collapsible_tab in main-product.liquid . Any help would be much appreciated! 

JayHawk
Visitor
3 0 0

"type": "collapsible_tab" is there approx row 780.   just search for type": and scroll down and you will find it eventually

DChen89
Visitor
2 0 0

It diesn't work. The code has been added. But the page dispalys "open" characters before the content.

tibbzy
Visitor
1 0 0

Can confirm this works with Craft Theme! Just need to make sure the first part of code is correct. This was were I had a mistake and it was not automatic open but only "open" text.

69toy
Visitor
1 0 0

Thanks