I have an issue creating tabs in product page please help

Shopify Partner
7 0 0

Hey, 

I am Stefanie and I have a problem to display Shopify review into tab. I add the tabs on the product page using the code below: 

<div id="tabs">
<ul>
<li><a href="#tabs-1">Description</a></li>
<li><a href="#tabs-2">Shipping</a></li>
<li><a href="#tabs-3">Review</a></li>
</ul>
<div id="tabs-1">
<p>Insert tab 1 content</p>
</div>
<div id="tabs-2">
<p>Insert tab 2 content</p>
</div>
<div id="tabs-3">
<p><div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div></p>
</div>
</div>

Until now it works and I can see the tabs on product page but the problem is, I can't see shopify product reviews into tabs. Please see screenshot. I also have removed the code reviews from product.template.liquid. 


 

0 Likes
Highlighted
Shopify Partner
37 0 3

Product Description Tabs made easy without app:

https://www.youtube.com/watch?v=dedsC_or4Z4&t

Comment over there we will get reply as soon as we can.

Demo: https://www.codegearthemes.com/products/swatch

Cgthemes Team
0 Likes