Can the first section stay expanded in Dawn theme?

Solved

Can the first section stay expanded in Dawn theme?

iwonder
Explorer
76 0 10

Can I keep the first section expanded? @made4Uo 

 

Screenshot 2022-06-10 204938.png

On a league of their own.
______________________________
Made4Uo ★★★★★ / LitCommerce ★★★★★ /
LitExtension ★★★★★
suyash1 ★★★★★
Accepted Solution (1)

made4Uo
Shopify Partner
3845 717 1189

This is an accepted solution.

Hi @iwonder,

 

Where is this at? Is it added as a section or is it at the product page?

 

If this is added as a collapsible content section. Follow the instructions below

1. Go to Admin page > Online store > themes > Actions > Customize
2. Find the section where you have the collapsible content, click the "collapsible content" word (see image image below)

4.png

 

3. This should open the setting here. Check on the open first collapsible row

3.png

 

If this is added as a collapsible row in the product page. Follow the instructions below

1. Go to Admin page > Online store > themes > Actions > Edit code
2. Open the main-product.liquid under the Section folder.

3. Find the "collapsible_tab". Ctrl + F to find. 

4. At the  {%- when 'collapsible_tab' -%}, find the <details...> at the ">" add the code below. 

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

 

See image for reference

1.png

 

5. Next, we need to add a schema so you can change this using the theme editor. 

6. Find the next "collapsible_tab", this should bring you to this  "type": "collapsible_tab". At the after the "[" at the settings add the code below. 

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

 

Please see image for reference

2.png

 

7. When you open the theme editor and go to product page, you should be able to see the option "open by default" See image below

made4Uo_2-1654894499076.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 6 (6)

made4Uo
Shopify Partner
3845 717 1189

This is an accepted solution.

Hi @iwonder,

 

Where is this at? Is it added as a section or is it at the product page?

 

If this is added as a collapsible content section. Follow the instructions below

1. Go to Admin page > Online store > themes > Actions > Customize
2. Find the section where you have the collapsible content, click the "collapsible content" word (see image image below)

4.png

 

3. This should open the setting here. Check on the open first collapsible row

3.png

 

If this is added as a collapsible row in the product page. Follow the instructions below

1. Go to Admin page > Online store > themes > Actions > Edit code
2. Open the main-product.liquid under the Section folder.

3. Find the "collapsible_tab". Ctrl + F to find. 

4. At the  {%- when 'collapsible_tab' -%}, find the <details...> at the ">" add the code below. 

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

 

See image for reference

1.png

 

5. Next, we need to add a schema so you can change this using the theme editor. 

6. Find the next "collapsible_tab", this should bring you to this  "type": "collapsible_tab". At the after the "[" at the settings add the code below. 

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

 

Please see image for reference

2.png

 

7. When you open the theme editor and go to product page, you should be able to see the option "open by default" See image below

made4Uo_2-1654894499076.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
iwonder
Explorer
76 0 10

Amazing! *****

On a league of their own.
______________________________
Made4Uo ★★★★★ / LitCommerce ★★★★★ /
LitExtension ★★★★★
suyash1 ★★★★★
titayen
Shopify Partner
3 0 1

this answer made my day!
thank you very much 🙂 🙂

BaskHour
Tourist
7 0 2

Wow this made my day, thank you!!

JGTQM2018
New Member
12 0 0

Hi Made4Uo, 

 

I'm using Dawn theme, and added all the codes you explained above but its not showing it on our own custom product page. 

 

Please let me know if you have any idea. 

 

Thank you 

made4Uo
Shopify Partner
3845 717 1189

You can only change the default to open, that is how the details /summary works. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free