Skip to main content

How to display star ratings on collection pages using Shopify's Review stars block

Simon Akhrameev avatar
Written by Simon Akhrameev
Updated this week

If Growave Reviews app is installed and enabled, you can use Shopify’s native Review stars block to show star ratings on product cards within collection and product list pages. It will automatically display Growave’s star rating data for each product. The block works with Shopify 2.0 themes that supports product card editing (e.g. Horizon) and doesn’t require any code to set up.

This article explains how to add the block and how to hide it for products with no reviews.


Add star ratings using the Shopify theme editor

  1. Go to your Shopify Admin → Online Store → Themes.

  2. Click Customize next to your current theme.

    Shopify theme customizer - Horizon
  3. In the theme editor, select a collection page with product cards. For example: Collections → Default collection.

  4. Hover over a product card and click the icon.

  5. In the Blocks tab, select Review stars (Shopify's native block).


Hide star ratings for products with no reviews

By default, Shopify’s Review stars block may show single star (★☆☆☆☆) for products with zero reviews. Here is an example how to fix this:

For Horizon or similar themes

  1. Go to Online Store → Themes → Edit code.

    Shopify Online store - Themes - Edit code
  2. Open this file: blocks/review.liquid

  3. Find the following line: {%- if rating != blank -%}

  4. Update it to: {%- if rating != blank and rating_count > 0 -%}

  5. Save the file. Now, the star rating block will only appear for products with 1 or more reviews.

    Shopify Online store - Themes - Edit code - hide for products with 0 reviews

If you’re having trouble finding the right file or the stars aren’t showing as expected, contact our support team via email or the chat in the bottom right corner. We’ll be happy to help!

Did this answer your question?