Hi,
I would like the product tabs to close when another one is opened. How can I best do this?
password: waiheke
Topic summary
A user seeks to implement auto-closing functionality for product tabs on their Dawn theme store, where opening one tab automatically closes others.
Solutions Proposed:
-
Direct theme file edit: Modify
main-product.liquidby adding JavaScript code to the sections folder. However, this approach is discouraged as it complicates future theme updates. -
Custom Liquid block (recommended): Create a “Custom liquid” block within the “Product information” section and paste the provided JavaScript code. This method preserves theme update compatibility.
-
Theme.liquid modification: Insert JavaScript code above the closing
</body>tag intheme.liquid.
All solutions involve adding JavaScript that listens for click events on tab elements and closes other tabs when one is opened. The user accepted the Custom Liquid block approach as the preferred solution due to its update-friendly nature.
Status: Resolved. The discussion includes code snippets and screenshots demonstrating implementation steps.
Hi @INFRA ,
Please go to Actions > Edit code > sections > main-product.liquid file and add code here:
Code:
Do not edit your theme code – this will make theme updates complex.
Create a “Custom liquid” block in your “Product information” section and paste this code:
1 Like
Hello @INFRA
Please follow the steps below after logging into the Shopify admin:
-
Go to your Shopify Admin panel.
-
Click on Online Store > Themes.
-
Find the theme you want to edit and then click Actions > Edit code.
-
Search theme.liquid
-
Insert the provided Script code at the above of the closing of the body tag
SS : https://prnt.sc/7yb1GB4SmVEa
Please hit Like and Mark it as a Solution if you find our reply helpful.
Thank you, this is much better for updates 
1 Like