Product Page

Product Page

RVWebsitehelp
Excursionist
20 0 4

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

Replies 4 (4)

topnewyork
Astronaut
1539 189 250

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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
RVWebsitehelp
Excursionist
20 0 4

Okay I see and where can I find this exactly and what do I need to be looking our for?

topnewyork
Astronaut
1539 189 250

kindly provide your store URL please and if it is password protected, please share the password as well.Thanks @RVWebsitehelp 

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

kentcoin
Tourist
3 0 0

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