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
1336 295 328

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 3 (3)

theycallmemakka
Shopify Partner
1336 295 328

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


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
1336 295 328

Hi @anpanman ,

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com