Product Page tab question

Hi @debghemb-com

Katrine here from Plak theme support,

I took a look on your website, given on your profile (don't worry only admins can see it) and I could see the issue you're talking about on your product page.

the review app was not inserted correctly, this is why it appears twice on the product tabs.

In order to assist, could you tell me where you would like to add the review widget please ?

1. Under the product description
2. within the tabs by using a tab named (reviews)

Kind regards,
Katrine

@plaktheme

Thank you for your help - I think I would like it under the product description.

Posted by: @debghemb-com

@plaktheme

Thank you for your help - I think I would like it under the product description.

With pleasure Deborah 😊 , let me show you how to add the reviews widget under the product description.

1- First you need to recover the original code of the product tabs, as I noticed that the review coded was most likely added to the tabs file.

<div class="page-width ">
<ul class="tabs">
<li><a href="#tabdesc" title="{{ 'cart.label.product_details' | t }}">{{ 'cart.label.product_details' | t }}</a></li>
{% for block in section.blocks %}
{%- case block.type -%}
{%- when 'text' -%}
<li><a href="#tab-{{ forloop.index0 }}">{{block.settings.tab-name}}</a></li>
{% endcase %}
{% endfor %}
</ul>
<div id="tabdesc">
{% if section.settings.enable_readmore %}
<div class=" product-showmore" itemprop="description">
{{ product.description }}
</div>
<a class="readmore" href="#" title="{{ 'blogs.article.read_more' | t }}">{{ 'blogs.article.read_more' | t }}...</a>
{% else %}
{{ product.description }}
{% endif %}
</div>
{% for block in section.blocks %}
{%- case block.type -%}
{%- when 'text' -%}
<div id="tab-{{ forloop.index0 }}">
{{ block.settings.description-tab }}
</div>
{% endcase %}
{% endfor %}
</div>
<script type="text/javascript">jQuery(document).ready(function(e){e(".readmore").insertAfter(".product-showmore"),e(".readmore").click(function(t){t.preventDefault();var o=document.querySelector(".product-showmore");console.log(o.style.height),""===o.style.height?o.style.height="auto":"auto"===o.style.height?o.style.height="":o.style.height="92px",e(this).text("{{ 'blogs.article.read_less' | t }}..."==e(this).text()?"{{ 'blogs.article.read_more' | t }}...":"{{ 'blogs.article.read_less' | t }}...")})});</script>

<div class="product-single__description rte">
{% include 'product-tabs' %}
</div>

If you need any further assistance, don't hesitate to get back to us again

Kind regards,
Katrine

@plaktheme

thanks for your help, I got that done and they are no longer showing in the shipping and returns tab.

Unfortunately they are showing above all the tabs so you have to scroll through the reviews to get to the description.  Here's a link to one of the items that has several reviews so you can see what I'm seeing.

https://ghemb.com/collections/girls-growth-charts/products/personalized-growth-chart-modern-floral-design

Your help is most appreciated,

Deb

Posted by: @debghemb-com

@plaktheme

thanks for your help, I got that done and they are no longer showing in the shipping and returns tab.

Unfortunately they are showing above all the tabs so you have to scroll through the reviews to get to the description.  Here's a link to one of the items that has several reviews so you can see what I'm seeing.

https://ghemb.com/collections/girls-growth-charts/products/personalized-growth-chart-modern-floral-design

Your help is most appreciated,

Deb

It seems you have inserted the review widget before the product tabs code, could you screenshot the area where you have pasted the review code please?

Katrine

I'm so sorry - I checked again and found the problem. It is working correctly now.  Thank you so much for your help (and patience)