I am using Yotpo for reviews in my website. I was able to get the star rating and reviews carousel into the main product page itself, however, I am unable to add the star rating into my collections page. I already clicked “show product rating” after clicking on product grid, however, the star rating won’t show up. Can someone please guide me in what I need to do?
Topic summary
Issue: Yotpo star ratings were not showing on the product collection grid despite enabling the Show product rating setting and toggling Yotpo options for other pages.
Resolution implemented: Manually inserted Yotpo’s star rating snippet into the theme code. Path: Online Store > Themes > Edit code > card-product.liquid. Placement: add the Yotpo star rating code above the line that checks show_rating in the product card template. This made ratings appear on the collection page.
Additional notes: Initial advice included checking Yotpo’s documentation or contacting their support. The user confirmed the manual code approach worked.
Open issue: After implementation, collection items display 0 stars while product detail pages show correct ratings. The user asked whether this is a temporary delay or requires further fixes. No definitive answer yet; likely involves data syncing or Yotpo widget initialization on collection pages.
Status: Partially resolved. Display fixed via code injection; accuracy of displayed rating on collection page remains unresolved/awaiting confirmation.
Hello @TurkishTowels ,
Check the Yotop instructions to enable it on collection pages or you can ask their support.
Thanks
You will need to manually add a star rating code in Online Store > Themes > Edit code > card-product.liquid file; above the line contains this code ’ {%- if show_rating,’ add Yotpo star rating code.
this worked. i got the code from yotpo and applied it and it works now. Thank you
1 Like
I already have it enabled in yotpo under star rating. There is a section that says “other pages” like this collection page but it wont show up. There is not a specific section for collection pages. Any other ideas, maybe a code?
Very welcome!
I have a follow up question. I have some reviews, and when you click on the product itself it shows the actual star rating like 5 stars. But in the collection page it is showing as 0 stars. Is there a way to fix it? Or do i just need to wait since I just did it so recently?