How to Enable Star Rating Widget for the Kaline theme?
Paid website themes often justify their price tag, as they let your online store stand apart from the crowd by offering a multitude of customization options and timely feature updates.
The kaline theme is no different. It lets you give a modern look to your Shopify store and helps you gain the attention of prospects.
Go to the ‘Themes’ section of your Shopify store account
Click on ‘Actions’ > ‘Edit code’
Search for the product.liquid file in the ‘Template’ directory
Find this structure: <h3 itemprop="name">{{ product.title }} </h3>
Paste this code under the <h3> tag to enable star ratings on your product detail page:
Click on ‘Save’.
Check for the product-grid-item.liquid file in the ‘Snippets’ directory
Find this structure:
<p class="product-title">
<a href="{{ product.url | within: collection }}" itemprop="name">{{ product.title | strip_html | truncate: 73 }}</a>
</p>
Paste this code under <p> tag to enable star ratings on your collection page:
Click on ‘Save’.
On the off chance that the star rating widget doesn’t show on the pages, take help from our chat support team 👍
The kaline theme is no different. It lets you give a modern look to your Shopify store and helps you gain the attention of prospects.
Steps to activate star ratings for your Kaline-based Shopify store:
For the product detail page
Go to the ‘Themes’ section of your Shopify store account
Click on ‘Actions’ > ‘Edit code’
Search for the product.liquid file in the ‘Template’ directory
Find this structure: <h3 itemprop="name">{{ product.title }} </h3>
Paste this code under the <h3> tag to enable star ratings on your product detail page:
<!--BEGIN_AM_REVIEWS:production:PRODUCT_TITLE_STAR_WIDGET-->{% if shop.metafields.automizely_reviews.show_stars_under_product_name == 'true' %}<div id="automizely_reviews_product_detail_title_star_widget" data-product-id="{{ product.id }}" data-ratings="{{ product.metafields.automizely_reviews.ratings }}" data-raters="{{ product.metafields.automizely_reviews.raters }}" > </div>{% endif %}<!--END_AM_REVIEWS:production:PRODUCT_TITLE_STAR_WIDGET-->Click on ‘Save’.
For the collection page
Check for the product-grid-item.liquid file in the ‘Snippets’ directory
Find this structure:
<p class="product-title">
<a href="{{ product.url | within: collection }}" itemprop="name">{{ product.title | strip_html | truncate: 73 }}</a>
</p>
Paste this code under <p> tag to enable star ratings on your collection page:
<!--BEGIN_AM_REVIEWS:production:PRODUCT_COLLECTION_STAR_WIDGET-->{% if shop.metafields.automizely_reviews.show_stars_under_product_name == 'true' %}<div
class="automizely_reviews_product_collection_star_widget"
data-product-id="{{ product.id }}"
data-ratings="{{ product.metafields.automizely_reviews.ratings }}"
data-raters="{{ product.metafields.automizely_reviews.raters }}"
></div>{% endif %}<!--END_AM_REVIEWS:production:PRODUCT_COLLECTION_STAR_WIDGET-->Click on ‘Save’.
On the off chance that the star rating widget doesn’t show on the pages, take help from our chat support team 👍
Updated on: 13/05/2021
Thank you!