How to Enable Star Rating Widget for the Kalles theme?

The sales of products heavily depend on how well you showcase them on your online store. Potential customers often make a buying decision when they get an awesome website experience.

Usually, Shopify store owners purchase paid themes to offer a pleasing shopping experience. And Kalles is one of the most installed themes on Shopify because it offers powerful filters, super-fast loading speed, retina-ready design, and so on.

Do you want to activate the star rating widget on your Kalles-based Shopify store?

Just follow these simple steps to activate it successfully:

For the product detail page

Log in to your Shopify store and go to the ‘Themes’ section
Click on ‘Actions’ > ‘Edit code’
Look for the pr_summary.liquid file in the ‘Sections’ directory
Search for {{ product.title }} liquid tag

Note: It generally presents in this type of structure: <h1 ...>{{product.title}}</h1>
Add a new line and paste this code to make the star rating widget visible 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

Look for the featured-product.liquid file in the ‘Sections’ directory
Search for {{ product.title }} liquid tag

Note: It generally presents in this type of structure: <h3>…<a>{{product.title}}</a></h3>
Add a new line and paste this code to make the star rating widget visible 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’.

Important information to keep in mind:

In case you are unable to find Sections/featured-product.liquid, look for these:

Snippets/featured-product.liquid

Snippets/pr_loop_deal.liquid

Snippets/pr_loop_grid.liquid

Snippets/pr_loop_list.liquid

Templates/product.quick_shop.liquid

This happens because the product grid item style changes for the collection page according to the theme settings.

If you are still encountering a problem, get assistance from our chat support team now 👍

Updated on: 12/05/2021