Content tabs not working on collection page

AksharBhakti
New Member
2 0 0

Hello,

I want to use content in tabs on my collection pages. I found html code to do the same. I am able to use same code in product description and it worked perfectly fine on product pages. But the same is not working on collection pages. I am not able find a fix for this issue. Can someone help please?

Product description page where tabs are working fine: https://www.aksharbhakti.com/products/1-mukhi-rudraksh-navratna-pendant

Product collection page where tabs are not working properly: https://www.aksharbhakti.com/collections/pooja-items

Below is the HTML code I have used in editor for collection and product description. 

<ul class="tabs">
<li><a class="active" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="tab1">
<p>Tab 1 content goes here.</p>
</li>
<li id="tab2">
<p>Tab 2 content goes here.</p>
</li>
<li id="tab3">
<p>Tab 3 content goes here.</p>
</li>
</ul>

 

 

0 Likes
RajatWeb
Shopify Partner
93 22 29

Hi @AksharBhakti,

Tab won't work with the only HTML you also need to add jQuery (Javascript) code to trigger tabs.

Thanks

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
0 Likes
AksharBhakti
New Member
2 0 0

Thanks, but the same code works on product pages without adding any extra Jquery. Thats why I am a bit confused. 

0 Likes