Star Ratings are important shorthand, symbolizing at a glance how people felt about a certain item. They reflect the average aggregated rating of a product's published reviews and offers an easy way to link shoppers to read full reviews on your site. Star Ratings also include the total amount of published reviews written about the product.
In this article, you'll learn how to add Star Rating to your main, category and collection pages.
❗IMPORTANT
-
This method is only applicable for Shopify OS 2.0 themes which have Show product rating settings in the sections.
- Please refer to Shopify help document for further information.
- If you can't find the 'Show product rating' field on your app-block or are using vintage themes, please refer to Installing Star Rating on category & collection pages.
- If you want to add the Star Rating to a product page, please refer to Installing CREMA widgets on Shopify OS 2.0.
From your Shopify Theme editor,
- Click the section where you want to install the star rating. This is normally called Featured collection, Featured product or Product Grid.
-
Enable Show product rating and click Save.
You can customize the color of star rating by inserting the below code in the Custom CSS field.
.rating-star {
--color-icon: #000000;
}