Show review stars on homepage featured collections (Dawn)

Solved

Show review stars on homepage featured collections (Dawn)

anpanman
Excursionist
28 0 6

 I am on dawn theme and would like the featured collections section to show stars for reviews. I am using loox for reviews and my site is pawfectiontoys.com


can someone help?

Accepted Solution (1)

theycallmemakka
Shopify Partner
1813 439 474

This is an accepted solution.

Hi @anpanman ,

 

To show loox review on the featured collection, add below code on the card-product.liquid file.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find card-product.liquid file

4) Add the following code just after line number 159

 

<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>

makkaomakka_0-1698170951524.png

 

Result: https://mangit.myshopify.com/

Note:

1. Please take a backup of your card-product.liquid filebefore add this code.

2. I have written this code based on the assumption that you have not previously edited card-product.liquid file.

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 4 (4)

theycallmemakka
Shopify Partner
1813 439 474

This is an accepted solution.

Hi @anpanman ,

 

To show loox review on the featured collection, add below code on the card-product.liquid file.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find card-product.liquid file

4) Add the following code just after line number 159

 

<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>

makkaomakka_0-1698170951524.png

 

Result: https://mangit.myshopify.com/

Note:

1. Please take a backup of your card-product.liquid filebefore add this code.

2. I have written this code based on the assumption that you have not previously edited card-product.liquid file.

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

anpanman
Excursionist
28 0 6

How do you do the slide shows for product pictures in your example link?

theycallmemakka
Shopify Partner
1813 439 474

Hi @anpanman ,

 

Can you further explain which slide show you can talking about?

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

MRamzan
Shopify Partner
529 3 46

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. 

 

Screenshot 2025-01-19 at 3.56.46 PM.png

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112