Reviews App - Loox - Where to find product, collection and homepage featured product code?

Posted by: @adenmott

Hi Katrine, 

Based on the information I found here I decided to install Loox for our product reviews app. Unfortunately it did not integrate the way it was supposed to. I was able to get the widget working from within the theme customization which is great, but I am unable to add the stars ratings to the product pages, collections pages and homepage featured products templates. 

 

Loox has given the code that we need to install but I am unable to find the correct files within the theme editor for where I can experiment installing this code.  Can you tell me which are the correct file names for adding this code to the collections, products, and homepage featured products?  The code is below and it makes the stars show for the product reviews they correspond to:

<div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div>

Hi Aden,

You can add the Loox review code in the price file, this way the stars will show automatically on every single product card :

• Online store > Actions > Edit code
• Open the file product-price.liquid
• Paste the code at the very bottom
• Click Save

Let me know if it worked and in case you need any further assistance with this 🙂

Katirne

Katrine,  thank you! I just added the code, and it inserted the stars only on the product page. They are still not showing on the collections or other locations?

Posted by: @adenmott

Katrine,  thank you! I just added the code, and it inserted the stars only on the product page. They are still not showing on the collections or other locations?

 

 

I added it manually to product-card-grid.liquid, the stars are visible on your collection pages now 🙂

Don't hesitate to reach out again if you need any other help Ben 🙂

Thank you for your help as always!