--- title: "Show star ratings on your Shopify collection page" description: "This article will show you how to show star ratings on the Shopify collection page." url: https://docs.ryviu.com/en/articles/164-show-star-ratings-on-your-shopify-collection-page collection: "Install & Upgrade" updated: 2026-10-29 language: en --- # Show star ratings on your Shopify collection page This article will show you how to show star ratings on the Shopify collection page. Using the Ryviu app, you can boost customer trust by showcasing star ratings on your Shopify collection page. Follow these step-by-step instructions to integrate this feature. > **Info:** Please enable Ryviu app settings in **App embeds** tab of theme settings to make it work properly. ## For themes with Ryviu integration Ryviu is integrated into the themes Kalles, Debutify, Gecko, Basel, Elessi, Hooli, and Minimog. If you're using these themes, please **open the theme settings and select the Ryviu product review app to enabl**e star ratings. Product review widgets will then be displayed in your store. ## For themes without Ryviu integration Here are the steps to add the code snippet to display the rating star on the collection page. ### Step 1. **Access Theme Code** - Navigate to **Online Store > Themes** in your Shopify admin. - Select your theme and click **... > Edit Code**. ### Step 2. I**nsert Ryviu Code** The following steps could vary depending on the theme you've chosen. > **Info:** Some code in this instruction may be outdated due to recent theme updates. If you encounter any installation issues, don't hesitate to contact us for assistance! ### 👉 **Theme: Athens, Be Yours, Chord, Colorblock, Craft, Crave, Dawn, Eurus, Launch, Origin, Publisher, Ride, Refresh, Sense, Spotlight, Studio, Taste, Viola** - Open **card-product.liquid** file. - Above the line that includes `{%- if show_rating` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Tema Aurora, Tema Warehouse** - Open **product-item.liquid** file. - Above the line that includes `{%- if settings.show_reviews_badge -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Impact** - Open **product-card.liquid** file - Above the line that includes **{%- render 'price-list', product: product,** insert the following code: ```
``` - Save file. * * * ### 👉 **Theme: Debut** - Open **product-card-grid.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code and click **Save** button. ```javascript
``` * * * ### 👉 **Theme: Ella** - Open **product-card-summary.liquid** file. - Add the code below at the end of the file and click the Save button. ```javascript
``` * * * ### 👉 **Theme: Turbo, Turbo-portland** - Open **product-info.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 Theme: Empire - Open **product-grid-item.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Prestige, Xtra** - Open **product-item.liquid** file. - Above the line of code `{%- if rating_value and show_rating -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Baseline, Creative, District, Expanse, Fetc, Flow, Impulse, Label, Motion, North, Streamline, Sydney** - Open **product-grid-item.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Venue** - Open **product-grid-item.liquid** file. - Under the line that includes `product-card__title` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Marble, Sahara** - Open **card-product.liquid** file. - Under the line that includes `
``` - Click **Save**. * * * ### 👉 **Theme: Wokiee** - Open **product-grid-item-design-1.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Maranello, Mono** - Open **card-product.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Blum** - Open **card-product.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Modular** - Open **product-grid-item.liquid** file. - Under the line that includes `product-block__title` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Broadcast** - Open **product-grid-item.liquid** file. - Under the line that includes `product-item__title` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Pipeline** - Open **snippets/product-grid-item.liquid** file. - Above the line that includes `if settings.product_grid_show_rating` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Story** - Open **product-grid-item.liquid** file. - Above the line that includes `

` , insert the following code: ```

``` - Click **Save**. * * * ### 👉 **Theme: Palo Alto** - Open **product-grid-item.liquid** file. - Above the line that includes `{%- if settings.show_rating` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Automation** - Open **product-grid-item.liquid** file. - Above the line that includes `{%- if settings.enable_product_reviews -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Champion, Upscale** - Open **product-card.liquid** file. - Above the line that includes `{%- if settings.product_card_show_product_rating` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Atom** - Open **product-card.liquid** file. - Above the line that includes `{% if section.settings.show_rating` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Habitat, Reformation, Tailor, Vision** - Open **product-card.liquid** file. - Under the line that includes `{{ product_card_product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Portland, Stockmart** - Open **product-card.liquid** file. - Above the line that includes `{% render 'price'` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Symmetry** - Open **product-block.liquid** file. - Under the line that includes `class="product-block__title"` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Galleria** - Open **product-card.liquid** file. - Above the line that includes `
` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Whisk** - Open **product-card.liquid** file. - Above the line that includes `{%- if show_price -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Mojave** - Open **product-card.liquid** file. - Above the line that includes `
``` - Click **Save**. * * * ### 👉 **Theme: Alchemy, Avatar, Berlin, Frame, Handmade, Honey, Tailor, ShowTime, Stockholm, Zest** - Open **product-card.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Taiga** - Open **product-card.liquid** file. - Under the line that includes `

{{ product.title }}

` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Emporium** - Open **product-card.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Influence** - Open **ship-product-card.liquid** file. - Above the line that includes `{% if block_name == 'price' %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Aurora** - Open **product-card.liquid** file. - Under the line that includes `{%- if enable_product_review -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Sunrise** - Open **ship-product-card.liquid** file. - Above the line that includes `{% render 'product-price', product: product_card_product %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Canopy** - Open **product-block.liquid** file. - Above the line that includes `
``` - Click **Save**. * * * ### 👉 **Theme: Masonry** - Open **product-block.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Stiletto** - Open **product-item.liquid** file. - Above the line that includes `{% if settings.product_listing_show_vendor and prod.vendor %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Local, Combine** - Open **product-item.liquid** file. - Above the line that includes `{%- when 'rating' -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Capital** - Open **product-item.liquid** file. - Above the line that includes `
` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Highlight, Kingdom** - Open **product-item.liquid** file. - Above the line that includes `product-item__price` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Spark** - Open **product-item.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Atlantic** - Open **product-item.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Electro** - Open **product-item.liquid** file. - Above the line that includes `{% include 'product-grid-review' %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Blockshop, Emerge** - Open **product--item.liquid** file. - Above the line that includes `if rating_enabled` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Paper** - Open **component\_\_product-item.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Editions** - Open **small-product-item.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Yuva** - Open **product-grid.liquid** file. - Under the line that includes `yv-product-title` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Cascade** - Open **product-tile.liquid** file. - Above the line that includes `{% if settings.product_tile_star_ratings` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Shapes** - Open **product-tile.liquid** file. - Under the line that includes `{{ product.title | escape }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Context** - Open **product-tile.liquid** file. - Under the line that includes `` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Fashionopolism, Icon, Mr Parker, Testament, Vantage** - Open **product-listing.liquid** file. - Above the line that includes `{% render 'product-price-listing', product: product %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Envy, Fresh** - Open **product-grid--indiv-product.liquid** file. - Under the line that includes `{{ liquidObject.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Pursuit** - Open **product-card-item.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Mavon** - Open **product-card-item.liquid** file. - Above the line that includes `{%- if show_price -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Avenue** - Open **product.loop.liquid** file. - Find this line of code. ```

{{ product.title }}

``` - Please insert the following code below it. ```
``` - Click **Save**. * * * ### 👉 **Theme: Drop, Foodie, Forge** - Open **product-loop.liquid** file. - Above the line that includes `{%- if settings.show_rating` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Bullet** - Open **global-product-card.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Parallax, Responsive, Retina** - Open **product-thumbnail.liquid** file. - Above the line that includes `{% if settings.display_vendor_collection %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Fame** - Open **product-info.liquid** file. - Above the line that includes `
` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Grid, Pacific** - Open **product-list-item.liquid** file. - Under the line that includes `{{ item.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Providence** - Open **product.liquid** file. - Above the line that includes `{% if show_vendor %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Startup** - Open **product-list-item.liquid** file. - Above the line that includes `

` , insert the following code: ```

``` - Click **Save**. * * * ### 👉 **Theme: Align** - Open **component-card-product.liquid** file. - Above the line that includes `{%- unless show_footer == false -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Modules** - Open **productRender.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Bazaar** - Open **product-card-minimal.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Roam** - Open **product.loop.liquid** file. - Under the line that includes `{% if show_vendors %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: California, Colors** - Open **collection-product.liquid** file. - Under the line that includes `{{ product.title }}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Andaman** - Open **block.liquid** file. - Above the line that includes `
` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Loft** - Open **product-loop-item.liquid** file. - Above the line that includes `{%- if show_reviews -%}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Health & Beauty** - Open **product-card-info.liquid** file. - Above the line that includes `{% if settings.show_review_badge %}` , insert the following code: ```
``` - Click **Save**. * * * ### 👉 **Theme: Charge** - Open **grid-item-product.liquid** file. - Under the line that includes `

{{ product.title | default: 'Example product title' }}

` , insert the following code: ```
``` - Click **Save**. * * * Here is how it looks on the front end: ![](https://staticfiles.gleap.io/ghelparticle/GOGCPFdYimmt0EyJQH3uI8DW6mQ1nKebgSxNC0IYo0dAbKcPdSLe6tAV9YmAzYMeoWlitTluhmy.png) Watch this video for more detailed instructions: * * * **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!