Please help me understand why Product tabs #4 is suddenly acting this way.😭

Technical Q&A
1

Hiiii. I’m using the Product tabs #4 section with the DAWN, radiant theme.

This is my website: nu661x-0y.myshopify.com

螢幕截圖 2026-06-21 上午5.52.47
螢幕截圖 2026-06-21 上午5.52.471234×1020 144 KB

Previously, I followed the instructions to use this section and added “section” and “custom liquid.” This is what it looked like before, achieving the expected result.

I could use the arrow to view different tab items. And the content showed perfectly.

IMG_7544
IMG_7544750×952 87.5 KB

However, recently some problems have arisen, possibly because I edited some code. I hope someone can help me check it.

  1. Different tabs are overlapping, with all titles displayed on the same page, making scrolling impossible.

  2. Tab content is not displaying.

螢幕截圖 2026-06-21 上午5.42.50
螢幕截圖 2026-06-21 上午5.42.50692×216 4.96 KB

Great Thxxxxx!!! If you need anything, please feel free to leave a comment.

2

Hi @MegaM .
Doing great, I hope.

This usually happens when the custom liquid code for the tabs is changed and loses its JS or has duplicates, so all tabs stack and show at once.

Compare your current custom liquid code to the original snippet you first used.
And check if any script tags and ids lines were accidentally deleted or
duplicated when editing.

If you can paste your current code, I can spot the issue. Have a nice day!

3

@MegaM - the product content can overlap due to error in the script used for this section

need to compare current script and css to the one which were used when it was working fine and you can get the solution.

4

your store is password protected, so share a preview password so we can see the actual product pages…

5

Hey @MegaM

Your store is password protected, can you share the password as well so I can have a look?

Best,
Moeed

6

my password is

sohwhe

Thxxx

7

Looks like you’ve edited the code of the Section Store section.

Here is the code from Sections Store demo site:

</template>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
                  
<script>
  function tabsInit() {

Here is the same spot from yours:

</template>


<script>
  function tabsInit() {

See the line missing from your code?
Start by re-adding this line.

8

Thx for your help!! problem fixed :sparkling_heart::sparkling_heart: