It would be great if you had star ratings on your Shopify shop page. Because they can help you build trust in your products and drive more sales to your shop, to have this feature on your Shopify shop page, please make sure you have installed Ryviu app in your store.

Here’re details that guide you on how to add the code snippet to display the rating star on the collection  page:

  • Go to your Online store -> Theme -> Select the Theme that you want to add code -> Action -> Edit Code.

  • Open product-card-grid.liquid or product-card.liquid or product-grid-item.liquid or product-thumbnail.liquid or product-info.liquid file (each theme has a different name file) in Snippets find the code as follows:

{{ product.title }}

  • Copy the code below and paste it under the code above

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product.id}}" handle="{{product.handle}}"></ryviu-widget-total>
</div>  
<!-- RYVIU APP -->

Add code to show star ratings on the collection page

Here is how it looks on the front end:

Show star ratings on the collection page

Please take a look at this video to get more details.


If you have any questions, please feel free to contact us via live chat.


Did this answer your question?