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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025