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. Edit the product-grid-item.liquid (under snippets, some themes call it product-loop.liquid)
  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!