Follow instructions below to install star rating on Shopify Collection Page.
To start, go to star ratings page and add star rating. For placement, Custom Placement because only manual installation can be used for collection page.
After creation, click Show Code
to get widget snippet. Snippet should look something like this:
<div
class="ov-app ov-app-star-rating"
data-app-id="STAR_RATING_ID"
data-app="star-rating"
data-product-external-id="{{ product.id }}">
</div>
Next, locate collection product file
product-grid-item.liquid
product-card.liquid
product-card-grid.liquid
Keep in mind that collection product file can have many different names but the ones above are the most common ones.
Search for an element with this code: {{ product.title }}
Then paste snippet after that element.
This should position star rating just below product title element in collection page.
Need help installing?
If you need additional help to install, you can contact us.