Star ratings on collection pages help shoppers pick a product before they ever reach it. Collection Ratings does this the native way: instead of injecting another widget, Quoli writes each product's rating to the standard rating fields your theme already understands. Your theme's own product-card stars light up, in your theme's design, with zero layout risk.
Set it up
Open Settings, then Widgets, and pick Collection Ratings.
Click Sync ratings. Quoli writes each product's rating to your storefront.
Open your theme editor, go to a collection page, and turn on Show product rating in the product grid section's settings.
Save the theme.
[SCREENSHOT: Collection page with star ratings on product cards]
The sync result tells you exactly what happened: how many products were written, and whether any stale ratings were cleared, which happens when a product's reviews were removed and its stars should disappear too.
Keep it current
Ratings update as reviews come in, and you can re-run Sync ratings anytime, for example after a large import. No ratings yet? The card says so and the stars appear once you have reviews.
Theme has no built-in rating?
Some themes never added a product-card rating. For those, the card offers a one-line embed you can paste inside your collection's product loop:
<quoli-star-rating product-id="{{ product.id }}"></quoli-star-rating>
Click Copy code, paste it where you want the stars, and it renders in the same style as your product page ratings.
š” Tip: Because the ratings live in standard fields, they also feed anything else that reads them, including search results pages and many theme quick-view modals. One sync, stars everywhere your theme supports them.