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
Go to your Shopify Admin → Online Store → Themes.
Click Customize next to your current theme.
In the theme editor, select a collection page with product cards. For example: Collections → Default collection.
Hover over a product card and click the ➕ icon.
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
Go to Online Store → Themes → Edit code.
Open this file:
blocks/review.liquidFind the following line:
{%- if rating != blank -%}Update it to:
{%- if rating != blank and rating_count > 0 -%}Save the file. Now, the star rating block will only appear for products with 1 or more 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!