Summary Stars widget is used in the product summary. It shows the rating score ratio and the number of reviews in parentheses. When clicked, the page goes to the Product Reviews widget.
Instructions: This section contains steps on how to add your star rating widget to your website.
For Theme 2.0:
1- Open your Shopify theme editor.
2- Then open your default product page. If you are using different product page templates, do the same steps for them.
3- Click the Add Block button from the menu on the left, and then select Superdesk Star Rating Summary. You may want to reposition the widget you added later by drag and drop. However, it is generally recommended under the product title.
For vintage themes:
1- First activate Superdesk app embeds from the App Embeds menu.
2- Then open the theme code editor and navigate to the Snippets directory on the left. Select Add a new snippet from the Add a new snippet button. In the File name section, enter the file name as "superdesk-star-rating-summary" and click the Done button.
3- Paste the following code into this file and save the changes:
<superdesk-star-rating-snippet
data-product-id="{{ product.id }}"
class="superdesk-star-rating-widget"
data-rating-average="{{ product.metafields.superdesk.rating_average }}"
data-rating-count="{{ product.metafields.superdesk.rating_count }}">
{{ shop.metafields.superdesk.inline_content.value }}
</superdesk-star-rating-snippet>
4- Then place the following code wherever you want to use the widget.
{% render 'superdesk-star-rating-summary', product: product %}
Customize Summary Stars Widget
Margins: Here you can customize the margins of your Summary Stars widget.
- Margin Top: Set the top margin.
- Margin Bottom: Set the bottom margin.
- Margin Left: Set the margin from the left.
- Margin Right: Set the margin from the right.
Appearance When No Reviews: Hide when there are no reviews Enabled, the widget will not appear on that product page when there are no reviews.
Note: After changing the settings, don't forget to Save Changes from the top right.