A collection (also known as "product grid", "product list", "product category", "product card", "collection list") displays related products together (e.g. all "Summer Dresses" or "Best Sellers"), making it easier for customers to browse by category. A collection is usually used on the Collection page and Homepage.
Displaying the star ratings and review count on these collections helps customers quickly assess product quality, increasing trust and boosting sales.
Install Star Rating Badge on collection page
To add the Star Rating Badge to your collections:
Step 1: Enable app embed
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Customize.
Click the App embeds icon (the third one on the left panel).
Enable Judge.me app embed.
Click Save.
Step 2: Install Star Rating Badge
To add the Star Rating Badge to collection pages:
From your Judge.me admin, go to Settings > Widgets.
Scroll to the Star Rating Badge card and click Customize.
Under Add the Star Rating Badge on collection pages, click Install.
If the Install button isn’t showing, it means we're not yet familiar with how your theme structures the collection page to place the Star Rating Badge automatically.
If you're comfortable with Shopify Liquid code, you can add the Star Rating Badge manually by inserting the following code into your collection page template:
<!-- Start of Judge.me code -->
<div style='{{ jm_style }}' class='jdgm-widget jdgm-preview-badge' data-id='{{ product.id }}' data-auto-install='false'>
{{ product.metafields.judgeme.badge }}
</div>
<!-- End of Judge.me code -->
If you’d prefer not to edit the code yourself, feel free to reach out to our support team and we’ll be happy to help.
Remove Star Rating Badge from collection page
To remove the Star Rating Badge from your collections:
From your Judge.me admin, go to Settings > Widgets.
Scroll to the Star Rating Badge card and click Customize.
Under Add the Star Rating Badge on collection pages, click Remove.
Disable your theme’s default star ratings
By default, your theme may display its own star rating badge. These theme stars are solid black with sharp points, followed by the total number of reviews in parentheses.
Since these are not our Star Rating Badge, Judge.me settings (such as color changes) will not affect them. To change the star color, you’ll need to disable the theme’s default stars and add the Judge.me Star Ratings badge instead.
If your Judge.me Star Rating Badge is also enabled, the two sets of stars will appear duplicated on the collection page. In this case, simply disable the theme’s default stars to remove the duplicate.
To disable the theme’s default star rating badge on the collection page:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Customize.
From the dropdown menu at the top, select Collections > Default collection.
From the left menu, click the Product grid section.
Under Product card, disable "Show product rating".
Click Save.
Follow us on LinkedIn
📢 Stay in the loop! Follow Judge.me on LinkedIn for the latest product updates, tips, and feature launches.