How to embed our rating widgetUpdated 4 months ago

Sometimes you might want to include a product rating inside a product grid. If that's the case then this guide is for you!

Before we get started, if you aren't comfortable with editing your theme code then reach out to us via our chat support and we'll carry this process out for you.

1. From you Shopify Dashboard, click Online Store -> Themes.
2. From here, find the theme you wish to edit, once you've located it, click the three dot button next to Customize and click 'Edit code'.
3. First we'll create our embed snippet. Find the Snippets folder on the left panel and open it, then click Add a new snippet.
4. You'll now be prompted to give this snippet a name, for this walkthrough lets use kooee-embed-rating.
5. Now that the file is created, copy and paste in the following code <div class="kooee-embed-rating" data-product_id="{{product.id}}"></div>
6. Then click save.
7. With this now in place you can use the following code to render our embed rating widget {% render 'kooee-embed-rating' product:product %}
8. The exact placement of this will vary from theme to theme, if you require assistance please reach out to us via our chat support and we'll carry out this process for you.

Adding an overall star rating to Pages.

You can add the following code to any page content or liquid file to output an overall store rating within your Pages.

1<div class="kooee-embed-rating"></div>