Shopify themes, liquid, logos, and UX
I am in the process of editing a new theme I have recently purchased but I have an issue with the 1st product description tab automatically opening when landing on the page. (I want them all to be closed and for the customer to open them up manually) How can I turn this off or does it need to be changed with simple coding? As there is no feature to toggle this on or off. The theme is the focal theme
Hi @RVWebsitehelp,
In the Focal theme, the first product description tab usually opens by default due to JavaScript or Liquid code that adds an "active" class or sets the first tab's content to visible on page load. To make all tabs closed initially, you’ll need to edit the theme’s code—specifically the product template or the related JS controlling the tabs—by removing or modifying the part that sets the first tab as active. This usually involves deleting or commenting out the code that adds the "active" class or changes the tab panel’s display style on page load, so customers can manually open tabs without any opening automatically.
Thanks!
Okay I see and where can I find this exactly and what do I need to be looking our for?
kindly provide your store URL please and if it is password protected, please share the password as well.Thanks @RVWebsitehelp
You can disable the first tab from auto-opening with a small code tweak since Focal doesn’t offer a toggle. I can guide you — just share your theme file name or where the tabs are rendered
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025