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.
Find your active theme and select Customize.
Click on the App embeds icon on the left.
Ensure Debutify Reviews is turned on and then hit Save.
Return to the Themes tab in your Shopify Admin.
Click the three dots next to Customize and select Edit code.
For Online Store 2.0 Themes:
In the search bar, type card-product.liquid.
Open the card-product.liquid file.
Look for <div class="card__information"> and paste the snippet below this line:
Snippet:<divclass="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:
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.