Display Star Ratings with OnVoard

In this article:

Create Star Rating
Edit coding in EasyStore

Before you start:

Make sure you have installed OnVoard app in your EasyStore

Must connect your EasyStore account with OnVoard. Don't know how to connect? Click here

Make sure you have a registered account with OnVoard. If you do not have a OnVoard account yet, click here to register

For OnVoard pricing and plans, kindly refer to this page here

Above all code editing, you will need to re-edit the code again if you switch to a new theme template

We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

1. Create Star Rating

Step 1: Go to Reviews > Widgets > Star Rating > Add Star rating > Submit



Step 2: Go back to Star Ratings > Copy the widget ID



Step 3: Replace STAR_RATING_ID for snippet below with the widget ID you have copied earlier

<div

 class="ov-app ov-app-star-rating"
 data-app-id="STAR_RATING_ID"
 data-app="star-rating"
 data-platform="easystore"
 data-product-external-id="{{ product.id }}">
</div>

📌 Note: Once paste the widget ID to the snippet above, copy the snippet as it will be placed in EasyStore's liquid file

2. Edit coding in EasyStore

Step 1: Go to EasyStore Admin Page > Online Store > Edit Source

Step 2: Select product-grid-item.liquid > Paste above {% if sold_out == false and product.price > 0 and settings.home_page_add_to_cart == true %} around line 80-110 > Save



Here's the Demo Store to view examples!

Updated on: 06/10/2023