Install Ryviu star ratings on the collection page of Shopify's 2.0 free themes

Display Ryviu star ratings on your Shopify collection pages to help shoppers quickly identify top-rated products and build trust before they visit the product page.

Depending on your theme, you can either add the Star ratings app block in the Shopify theme editor or manually install the code if app blocks aren't supported

Adding the Star ratings app block

It only takes a few minutes to add the Star ratings app block to your collection page.

1. From your Shopify admin, navigate to the Sales channels menu.

2. Go to Online Store > Themes

3. Click Edit theme for your current theme.

   

4. Select the collection page template.

5. Click on the + icon of the product title.

   

6. Select Apps, then select Star ratings.

   

7. Save the changes.

Adding the code manually

If your theme doesn't support the Star ratings app block, you can display star ratings by adding the code manually.

1. Open Online Store > Themes.

2. Click "..." in the current theme > Edit code.

3. In the snippets folder, find card-product.liquid.

   

4. Find the line that includes.

{%- if show_rating

6. Add the following code above it.

<div class="ryviu-collection"><ryviu-widget-total collection=1 product_id="{{card_product.id}}" handle="{{card_product.handle}}" reviews_data="{{card_product.metafields.ryviu.product_reviews_info | escape }}" ></ryviu-widget-total></div> 

7. If the above code does not work, then please add this code.

<div class="ryviu-product-rating" collection="1" reviews_data="{{ card_product.metafields.ryviu.product_reviews_info | escape }}" product_id="{{ card_product.id }}"></div>

8. Save file.

Learn how to install star ratings on other Shopify themes.

• Show star ratings on your Shopify collection page

Need help?

Get in touch with our support team through live chat or email at [email protected]. We're here to help!