---
title: "Install Ryviu star ratings on the collection page of Shopify's 2.0 free themes"
description: "You can install Ryviu review stars for Shopify's free themes by following this article"
url: https://docs.ryviu.com/en/articles/104-install-ryviu-star-ratings-on-the-collection-page-of-shopify-s-20-free-themes
collection: "Shopify 2.0 OS"
updated: 2026-11-06
language: en
---

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

You can install Ryviu review stars for Shopify's free themes by following this article

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 channel**s menu.
    
2.  Go to **Online Store > Themes**
    
3.  Click **Edit theme** for your current theme.
    
    ![](https://staticfiles.gleap.io/ghelparticle/tqg48V9l6R1QTw6RJ3lgtDPraShAZyrEszQNpVufa5pAm7i8aObmeErBISuTJOffjzeY7v33mTZ.png)
4.  Select the **collection page** template.
    
5.  Click on the **\+ icon** of the product title.
    
    ![](https://staticfiles.gleap.io/ghelparticle/1pAOY1koxtEAG9KaD6qqDUzaA3DojENdBvHofogtcPVaeqfaOJRul7WreZ4rkE4EYqvPUjQHT3E.png)
6.  Select **Apps**, then select **Star ratings**.
    
    ![](https://staticfiles.gleap.io/ghelparticle/vIbk3aFhhqZnvv92CtWLZuXZsKF58o5Vl0YBT8CLVTdI5x8EDlR0B5Sl82aKjlIA9W4ZPGgkEAs.png)
    
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.**
    
    ![](https://staticfiles.gleap.io/ghelparticle/Rx950cODLTG0b82Il0svYaLC6ziiD94GmtZHSSzSlwjhB6dJCB4CEd7AcCuzku7r6dJ5brhsCTD.png)
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.
    

```javascript
<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](https://onemyhykl.gleap.help/en/articles/164-show-star-ratings-on-your-shopify-collection-page)
    

* * *

**Need help?**

Get in touch with our support team through [live chat](https://docs.ryviu.com/en/articles/101-support.md) or email at [info@ryviu.com](mailto:info@ryviu.com)**.** We're here to help!