Articles on: Review Widgets

How to Enable Star Rating Widget for the Prestige Theme?

Increasing the brand appeal is the best business practice to keep attracting potential customers to your online store. For this, investing in a paid them would be a safe and wise decision.

Prestige, a premium Shopify theme, boasts on a high number of users. It comes with built-in styles and color palettes, customizable content sections, mobile-friendly design, and so on.

Want to activate the star rating widget for your Prestige-based Shopify store?



It’ll be activated swiftly if you follow the below-mentioned steps properly.

Important: You have to insert the code (mentioned in the following steps) twice for both product detail and collection pages to enable the star rating widget for the Prestige theme.

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 product-meta.liquid file in the ‘Snippets’ directory

Paste this code right above this line <div class="ProductMeta__PriceList Heading"> :

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

After this, go to the ‘Sections’ directory and search for featured-product.liquid file

Once you find the liquid file, look for this structure:

<h1 class="ProductMeta__Title Heading u-h2">{{ 'home_page.onboarding.product_title' | t }}</h1>

Paste the aforementioned code right below the <h1> structure

Click on ‘Save’ to finish the process.

For the collection page



Look for the featured-collect.liquid file in the ‘Sections’ directory

Paste this code right below this line: <h2 class="ProductItem__Title Heading">{{ 'home_page.onboarding.product_title' | t }}</h2>

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

After this, go to the ‘Snippets’ directory and search for product-item.liquid file

Once you find the liquid file, look for this structure:

<h2 class="ProductItem__Title Heading">
<a href="{{ product.url | within: collection }}">{{ product.title }}</a>
</h2>


Paste the aforementioned code right below the <h2> structure

Click on ‘Save’.

In case you need help to locate the right liquid files or have any other questions, share your concerns with our chat support team now and get satisfactory solutions instantly 👍

Updated on: 13/05/2021

Was this article helpful?

Share your feedback

Cancel

Thank you!