How to add Loox Rating Widget to your product grids, collection page

[Cazza21]

Hello! 

I am stuck with a small problem.. The collection page still shows the rating of the previous app we used for procut reviews. At this moment we are using Loox, but it doesn't seem to verify correctly. 

The issue is that at the template: collection page, section: product grid , doesn't show our new reviews. 

Could some one help me out? 

Thank you in advance 🙂 

[sahilsharma9515 · Accepted solution]

Hi @Cazza21 Firstly you need to remove all the code instances of previous app in you theme files so that the reviews will not show from the previous app, now after this you need to add the loox app code in your theme, if you are not able to find the code, just connect with loox app support and they will help you to provide you the exact code and where you need to add it.

They usually help their customers with the setup, so it's easier if you connect with them, if they don't help then you need to look for the external help, in this case I can help you and setup the code in a way so that it will show the reviews.

But I will suggest you that firstly you need to connect with the app support.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[MRamzan]

You can try this below code. You should add it inside the card-product.liquid or something similar which you will find in collection liquid page. If you still face any issues let me know.

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

Make sure that in your liquid file maybe 'card_product' variable is denoted with 'product' or 'product_card'. You just replace it accordingly.