Shopify themes, liquid, logos, and UX
Can I keep the first section expanded? @made4Uo
Solved! Go to the solution
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)
3. This should open the setting here. Check on the open first collapsible row
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
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
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
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)
3. This should open the setting here. Check on the open first collapsible row
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
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
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
Amazing! *****
this answer made my day!
thank you very much 🙂 🙂
Wow this made my day, thank you!!
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
You can only change the default to open, that is how the details /summary works.
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024