All Collections
Shopify
Install & Upgrade
Show star ratings on your Shopify collection page
Show star ratings on your Shopify collection page

This article will show you how to show star ratings on the Shopify collection page.

Yen Ma avatar
Written by Yen Ma
Updated over a week ago

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 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 get in touch with us via live chat.

Related articles


Did this answer your question?