• 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 feel free to contact us via live chat or email us at support@fireapps.io for further support.

Did this answer your question?