Troubleshooting the Star Rating on Category/Collection Pages (Legacy)

Shopify

Several Shopify themes require a different product ID variable in order to display the Star Rating on collection pages (prod.id  instead of product.id).

In certain situations after the installation, the Star Rating on collection pages will show the total number of all your reviews for all the products instead of the number of reviews for each product. 

Please see the illustration below:

If this is your case, please implement the following code instead:

<div class="yotpo bottomLine"
  data-product-id="{{ prod.id }}">
</div>

This is what it should look like after implementing the code:

BigCommerce

In certain situations after the installation, the Star Rating on collection pages will show the total number of all your reviews for all the products instead of the number of reviews for each product.

Please see the illustration below:

If this is your case, please implement the following code instead:

<div class="yotpo bottomLine"
 data-product-id="{{id}}">
</div>

This is what it should look like after implementing the code: