• Go to your Online store - Theme - Find the Theme that you're using - Action - Edit Code.
  • Search for product.liquid file (or product-template.liquid or product-tab.liquid in some cases), then click Ctrl + F to quickly look for a keyword “<div id="shopify-product-reviews". Notice those code highlighted colors, you will see below code (A):
“<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>”

There is 2 CASES here:

* If there is no any review box added in product page:

  • Copy the code snippet (B):
<div id="shopify-ali-review" product-id="{{ product.id }}"> {{ shop.metafields.review_collector.review_code }} </div>
  • Paste the code snippet (B) UNDER code (A). It helps to add review box in a review tab.
  • If there is a review box added outside a review tab, copy and paste the below code (C) UNDER code (A). It helps to remove a current review box and add a new one in a review tab.
{% comment %}

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

{% endcomment %}

Hope this helps.

NOTE: If it doesn't work, please create a staff account to email: support@fireapps.io for us to log in and fix the bug. Make sure to give us Products, Apps, and Theme access permission, then notice us on by a message. Our technical team will help you quickly.

For more details on how to create a staff account, kindly read this article.

Did this answer your question?