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 -->
Here is how it looks on the front end:
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