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.
<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>
<li class="active" id="tab1">
<p>Tab 1 content goes here.</p>
<p>Tab 2 content goes here.</p>
<p>Tab 3 content goes here.</p>