How do I add star ratings higher up on the product page? (e.g. near the title or price)

Loox will try to automatically integrate the star ratings in 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 the product page 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 product pages (usually it's called product-template.liquid or product.liquid, but some themes work differently)
  4. Copy the code below:
    <a href="#looxReviews">
    <div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div>
    </a>
    	
  5. Paste it where you want the stars to appear (We suggest below the product's title)

    For example (This is on the Debut theme):

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.