Make Collapsible Tabs Auto-Close on Shopify Impact Theme

Store Design
, , , ,

Topic summary

Main issue: Product page collapsible tabs (accordions) stay open simultaneously on the Impact theme, causing excessive page length. Request is for “single-open” behavior where opening one tab auto-closes the others.

Proposed fix: A custom script was provided with implementation steps: Online Store > Edit Code > open theme.liquid > paste the script just above the tag. This is intended to enforce mutually exclusive tab behavior.

Outcome on Impact: The store owner confirmed the script works on their Impact theme product page. A product URL with four tabs was shared to illustrate the use case.

Limitations/compatibility: Another participant reported the approach is not working on the Dawn theme, suggesting the solution is theme-specific. Likely requires adjusting selectors or code to match Dawn’s markup/JS behavior.

Notes: The actual code snippet content is not visible in the provided text, and is central to reproducing the fix.

Status: Resolved for Impact (with custom script). Unresolved for Dawn; no follow-up adaptation or cross-theme solution provided yet.

Summarized with AI on December 14. AI used: gpt-5.
1

Hello everyone, how are you? :slightly_smiling_face:

I’m currently using 4 collapsible tabs on my store product page. When I open one tab and then the second, both open at the same time, taking up too much space on the website. I want to change this to automatically close another tab.
I’ve seen this feature in many themes, where if one tab is opened, the others automatically close. Is there a way to implement this feature on my Shopify Impact theme?

Here is the product URL with 4 tabs : https://myperfectwear.com/products/let-love-be-our-greatest-adventure-sweatshirt

Thanks in advance

2

Hi @Digital_Imran ,

I have written custom script for this solution. Please follow below steps

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

3

Thank you so much. It works

4

Not working on dawn theme.