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

  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!