Install Star Rating on Shopify Collection Page

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.