Skip to main content

Adding the Star Rating Badge to collection pages (Horizon themes)

Updated over a week ago

If you're using one of the 10 Horizon themes (Tinker, Ritual, Fabric, Pitch, Dwell, Savor, Horizon, Heritage, Atelier, Vessel), you can easily add the Star Rating Badge as a block on your collection pages.


Install Star Rating Badge on collection pages

Step 1: Enable app embed

To enable Judge.me 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 (third icon on the left menu).

  4. Enable Judge.me app embed.

  5. Click Save.

Step 2: Add the Star Rating Badge code

For the Star Rating Badge to show on your collection pages:

  1. Go to your Shopify theme editor:

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

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

  2. Find the collection template:

    • At the top of the Shopify theme editor, click the Home page dropdown menu in the middle.

    • Select Collections then select Default collection.

  3. Add the Custom Liquid block:

    • On the left sidebar, inside Template, click the right arrow icon (>) next to Collection to expand it.

    • Hover under Price and click the plus icon (+).

    • From the block list, select Custom Liquid.

  4. Add the code for the Star Rating Badge:

    • Click the Custom Liquid code you just added to open it.

    • In the Liquid code field, paste in the following code:

      <!-- Start of Judge.me code --> 
      <div class='jdgm-widget jdgm-preview-badge'>
      {{ closest.product.metafields.judgeme.badge }}
      </div>
      <!-- End of Judge.me code -->

  5. Click Save.

Did this answer your question?