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

1. Go to your Shopify Themes menu

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

3. Copy the code below:

<div class="scm-reviews-rate" data-rate={{ product.metafields.scm_review_importer.reviewsInfo }}>
</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 under the command-line:

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

  • Open product-card-list.liquid file and paste the code under the command-line:

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

In Minimal theme

Open product-grid-item.liquid file and paste the code under the command-line:

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

In Brooklyn theme

Open product-grid-item.liquid file and paste the code under the command-line:

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

In Narrative theme

Open product-card.liquid file and paste the code under the command-line:

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

In Supply theme

  • Open product-grid-item.liquid file and paste the code under the command-line:

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

  • Open product-list-item.liquid file and paste the code under the command-line:

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

In Venture theme

Open product-card.liquid file and paste the code under the command-line:

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

In Boundless theme

Open product-grid-item.liquid file and paste the code under the command-line:

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

In Simple theme

Open product-grid-item.liquid file and paste the code under the command-line:

<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!