Skip to main content
All CollectionsGetting Started
How to Add a Star Rating to the Catalog Page?
How to Add a Star Rating to the Catalog Page?

A guide to adding a star rating to the catalog page

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

Adding a star rating to the catalog page provides immediate feedback on product popularity and is a subtle yet powerful way of building trust with potential customers.

In your Shopify Admin, go to the Themes tab under Online Store.

  1. Find your active theme and select Customize.

  2. Click on the App embeds icon on the left.

  3. Ensure Debutify Reviews is turned on and then hit Save.

  4. Return to the Themes tab in your Shopify Admin.

  5. Click the three dots next to Customize and select Edit code.

For Online Store 2.0 Themes:

  1. In the search bar, type card-product.liquid.

  2. Open the card-product.liquid file.

  3. Look for <div class="card__information"> and paste the snippet below this line:

    Snippet:

    <div

    class="dbtfy-star-rating-badge"

    data-productId="{{ card_product.id }}"

    data-value="{{ card_product.metafields.debutify.star-badge }}"

    ></div>

    4. Click Save to apply the changes.

For Themes prior to Online Store 2.0:

  1. Search for one of these file names:

  • product-grid-item.liquid

  • product-collection.liquid

  • product-card-grid.liquid

  • product-list-item.liquid

2. Add the snippet code below this line.

Snippet:

<div

class="dbtfy-star-rating-badge"

data-productId="{{ card_product.id }}"

data-value="{{ card_product.metafields.debutify.star-badge }}"

></div>

3. Click Save to apply the changes.

Now, it’s your turn to add the Debutify Reviews star rating to your catalog page.

Did this answer your question?