Only show tab content if click

Store Design
, , , ,
1

Hi, I only want to show the tab content if clicked. My site is PACO RABANNE POUR HOMME 3.4 EAU DE TOILETTE SPRAY- 100% Authentic

IMG_1384
IMG_13841179Ă—2556 191 KB

2

Hi @Luxurymrkt

Please remove the active classes from the code:

tabbed-content__tab–active
tabbed-content__content-item–active

Best regards,
Devcoder :laptop:

3

Hi @Luxurymrkt ,

You can refer to the following guide:

  1. Log in to your Shopify Admin dashboard.

  2. From the left-hand navigation menu, click on Online Store, then select Themes.

  3. Locate the theme you want to edit (this is usually your Current theme at the top of the page).

  4. Click the three dots (…) icon right next to the Customize button.

  5. Select Edit code from the dropdown menu.

  6. Open the product.json file in the Templates folder. Find the Product Tab section. In my case, it is product-tabs.

    image
    image1915Ă—925 92.7 KB

  7. Find the JS file that handles that section in the Assets folder. You can identify it by the section name. For example, if the Section Name is X, the file name will be X.js. In my case, the file is product-tabs.js.

  8. Update the processing and display logic as needed.

Good luck!