Articles on: Review Widgets

How to Enable Star Rating Widget for the Venedor theme?

Using a paid theme for your online store is really a good business practice as that’s how you can access a plethora of unique features and design your store in a way you like.

Venedor, a premium Shopify theme, draws attention by offering 11 unique homepage layouts, 62+ stunning sections, 130+ SVG icons, and so on.

Steps to enable the star rating widget for the Venedor-based Shopify store:



For the product detail page:



Just follow these simple steps to activate it successfully:

Log in to your Shopify store and go to the ‘Themes’ section
Click on ‘Actions’ > ‘Edit code’
Look for the product_page_details.liquid file in the ‘Snippets’ 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 product_card_vertical_progressive.liquid file in the ‘Snippets’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 Snippets/product_card_vertical_progressive.liquid, look for these:

Snippets/product_card_horizontal_advanced.liquid

Snippets/product_card_horizontal_classic.liquid

Snippets/product_card_horizontal_default.liquid

Snippets/product_card_horizontal_modern.liquid

Snippets/product_card_horizontal_progressive.liquid

Snippets/product_card_vertical_advanced.liquid

Snippets/product_card_vertical_classic.liquid

Snippets/product_card_vertical_default.liquid

Snippets/product_card_vertical_details.liquid

Snippets/product_card_vertical_modern.liquid

Snippets/product_card_vertical_progressive.liquid

The reason behind this is the product grid item style changes according to the theme settings for the collection page.

In case you are unable to locate the required liquid tag, connect with our chat support team with no hesitation 👍

Updated on: 12/05/2021

Was this article helpful?

Share your feedback

Cancel

Thank you!