How do I add the star ratings to the collection page?

1. Go to your Shopify Themes menu

2. Click the "Actions" menu and then select "Edit code"

3. Copy the code (1) below:

<div class="scm-reviews-rate" data-rate-version2= {{ product.metafields.scm_review_importer.reviewsData.reviewCountInfo | json}}>
</div>

4. Open the template or section you use for the product in your collections and paste the above code where you want the stars to appear

In Debut theme

  • Open product-card-grid.liquid file and paste the code (1) under this below code:

<div class="h4 grid-view-item__title product-card__title" aria-hidden="true">

  • Open product-card-list.liquid file and paste the code (1) under this below code:

<div class="list-view-item__title" aria-hidden="true">

In Minimal theme

Open product-grid-item.liquid file and paste the code (1) under this below code:

<p class="grid-link__title">{{ product_title }}</p>

In Brooklyn theme

Open product-grid-item.liquid file and paste the code (1) under this below code:

<a href="{{ product.url | within: collection }}" class="grid-product__meta">

In Flow theme

Open snippets/grid-view-item.liquid file and paste the code (1) under this below code:

<p class="product-grid--title"> <a href="{{ product.url | within: collection }}">{{ product.title }}</a> <p>

In Narrative theme

Open product-card.liquid file and paste the code (1) under this below code:

<h3 class="card__name h4">{{ product.title }}</h3>

In Supply theme

  • Open product-grid-item.liquid file and paste the code (1) under this below code:

<p>{{ product.title }}</p>

  • Open product-list-item.liquid file and paste the code (1) under this below code:

<p class="h6">{{ product.title }}</p>

In Venture theme

Open product-card.liquid file and paste the code (1) under this below code:

<div class="product-card__name">{{ product.title }}</div>

In Boundless theme

Open product-grid-item.liquid file and paste the code (1) under this below code:

<p class="product-item__title">{{ product.title }}</p>

In Simple theme

Open product-grid-item.liquid file and paste the code (1) under this below code:

<div class="product__title product__title--card text-center">

6. Please note: Star rating only appears when there's at least one approved review of the product

If you're having trouble editing your Liquid codes, please contact us via support@smartifyapps.com and we are always willing to support you!