Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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>
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
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>
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
How do you do the slide shows for product pictures in your example link?
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.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025