Skip to main content

Adding the Star Rating Badge on your collection page

Build trust and boost sales by adding star to collection page and homepage

Updated today

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.

Add Star Rating Badge on collection page

To add the Star Rating Badge to your collections:

Step 1: Enable app embed

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click Customize.

  3. Click the App embeds icon (the third one on the left panel).

  4. Enable Judge.me app embed.

  5. Click Save.

Step 2: Install Star Rating Badge

  1. From your Judge.me admin, go to Widgets > Star Rating Badge > Customize.

  2. Under Add the Star Rating Badge on collection pages, click Install.


See the steps for the new app design (coming soon)

To add the Star Rating Badge to collection pages:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll to the Star Rating Badge card and click Customize.

  3. Under Add the Star Rating Badge on collection pages, click Install.


Note: If the Install button isn’t available for your Shopify theme, please reach out to our 24/7 support team via live chat or email us at support@judge.me.

Remove Star Rating Badge from collection page

To remove the Star Rating Badge from your collections:

  1. From your Judge.me admin, go to Widgets > Star Rating Badge > Customize.

  2. Under Add the Star Rating Badge on collection pages, click Remove.


See the steps for the new app design (coming soon)

To remove the Star Rating Badge from your collections:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Find the Star Rating Badge card and click Customize.

  3. Under Add the Star Rating Badge on collection pages, click Remove.


Troubleshoot


Duplicated Star Rating Badge on collection page

Issue:

You see 2 set of different stars with the same number of reviews on your collection page.

Why it happens:

Duplicated star ratings on the collection page can happen if the default stars from your theme are also enabled.

How to fix:

To disable the theme's default stars 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.


I can't change the star color on the collection page

Issue:

You have changed the star color in the Review Widget settings, but the color doesn't apply to the stars on the collection page.

Why it happens:

If the star color you've set isn't showing on the collection page, it's likely because the stars are coming from your theme's default code rather than the Judge.me Star Rating Badge.

How to fix:

To make sure the color apply correctly to the stars on the collection page, you can:

  • Disable the theme's default stars:

    • 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.


Get your free trial

🚀 Unlock all review widgets and boost your store’s credibility with a 15-day free trial of the Awesome Plan.


Follow us on LinkedIn

📢 Stay in the loop! Follow Judge.me on LinkedIn for the latest product updates, tips, and feature launches.

Did this answer your question?