How do I add the star rating to products on collection pages?

Loox will try to automatically integrate the star ratings below your product's title on the product and collections pages.

Note: Star rating only appear when there's at least one approved review of the product

If you do not see the Loox stars appear on products that include reviews, you can manually add the star ratings to your collections like so:

  1. Go to your Shopify Themes menu
  2. Click the "Actions" menu and then select "Edit code"
  3. Open the template or section you use for the product in your collections (under snippets, product-grid-item.liquid / product-loop.liquid / product-info.liquid / product-card-grid.liquid but some themes work differently)
  4. Copy the code below:
    <div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div>
    
  5. Paste it where you want the stars to appear
  6. Please note: Star rating only appears when there's at least one approved review of the product

If you're having trouble editing your Liquid code, please contact us and we'll be happy to assist!