Hello everyone, i’m already using metafields for the collapsible tabs in my product page, and i’d like to make one of the tabs open by default, i can’t make one of them open by default in the page editor and since i don’t really know how to code so i came here looking for advice, if someone who knows how to code could help me with that i would be really grateful
Topic summary
Goal: make one product page collapsible tab (using Shopify metafields) open by default in the Dawn theme.
Context: The requester cannot set a default-open tab via the page editor and asks for a code-based solution.
Latest updates:
- A helper requested the store URL to inspect the setup; the preview URL was provided.
- After reviewing, the helper stated the current code cannot achieve a default-open tab as-is and suggested adding new code.
- An external example was shared via CodePen (“Collapsible Tab Open By Default”), indicating a possible implementation approach.
Key terms:
- Metafields: custom data fields in Shopify used to populate content like tabs.
- Collapsible tabs: sections that expand/collapse to show or hide content.
- Dawn: Shopify’s default theme.
Outcome/next steps:
- No fix applied yet in the theme; adopting the example code or similar customizations is needed.
- The discussion remains open, pending implementation guidance or a code snippet integrated into the Dawn theme.
Central resource: The linked CodePen is essential to understanding the proposed solution.
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
1 Like
Hello, this is the site url https://iotqls5oi4fs2q4a-55453679687.shopifypreview.com/
1 Like
thanks for url i have check our current code not possible make new code below example