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

1. Go to your Shopify Themes menu

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

3. Open product-template.liquid file

4. Copy the code below:

<a href="#scm-reviews-importer">
<div id="scm-product-detail-rate" class="scm-reviews-rate" data-rate={{ product.metafields.scm_review_importer.reviewsInfo }}>
</div>
</a>

5. Paste it where you want the stars to appear

In Debut theme

Paste the code under the command-line:

<h1 class="product-single__title">{{ product.title }}</h1>

In Minimal theme

Paste the code under the command-line:

<h1 class="product-single__title" itemprop="name">{{ product.title }}</h1>

In Brooklyn theme

Paste the code under the command-line:

<h1 class="product-single__title" itemprop="name">{{ product.title }}</h1>

In Narrative theme

Paste the code under the command-line:

<h1 class="product__title h2 text-center" itemprop="name">{{ product.title }}</h1>

In Supply theme

Paste the code under the command-line:

<h1 class="h2" itemprop="name">{{ product.title }}</h1>

In Venture theme

Paste the code under the command-line:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

In Boundless theme

Paste the code under the command-line:

<h1 class="h2" itemprop="name">{{ product.title }}</h1>

In Simple theme

Paste the code under the command-line:

<h1 class="product-single__title" itemprop="name">{{ product.title }}</h1>

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!