Product Reviews: hide stars when no review

[Pascal2]

Hello, 

I use Product Reviews to display a number of stars directly beneath the title of my product in product page

so this is my shop, first URL with comments and second URL without comments:

https://www.tresor-ethnique.com/collections/tibetain/products/pendentif-mandala

https://www.tresor-ethnique.com/collections/tibetain/products/pendentif-fleur-de-mandala

I would like to be able to hide Product Reviews when I have no comments

So I know how to remove the text when no comments (in the app), but I can't figure a way to remove the stars

Yet I know there must be a way, since the integration on Product Reviews in the collection page do not display anything when there are no comments

(see this URL for example: https://www.tresor-ethnique.com/collections/bijoux )

Any ideas?

Let me know, thanks ! 🙂

[Jason]

This is a super old post of mine that I assume is still valid:
https://freakdesign.com.au/blogs/news/41175105-remove-zero-rating-reviews-from-the-shopify-review-ap...

If you don't feel like reading the post the general idea is to add some custom CSS. This css:

.spr-badge[data-rating="0.0"] {
    visibility:hidden; display: none;
}

If that doesn't work anymore drop a reply and we can take a closer look.

[Pascal2]

Worked like a charm, thank you so much! 🙂

[Lisa_Rosén]

Hello,

I tried the code but it does not work for me? I am using Minimal theme.

[Ringman_Snell]

Also having trouble with it?  Your site doesn't specify where to install it, it just says "add to the bottom of your stylesheet."

I added the code to the bottom of theme.scss.liquid, is that the correct one?

I am still seeing the review boxes on my site.  www.zen-bazaar.com

Although, another question: if it's hidden when there are zero reviews...how does anyone have the ability to give the first review?

[Philip_Argy]

The review keeps glitching and showing it for a second and then it disappears. How do you fix this?

[Lisa_Rosén]

Hi, the code does not work for me. Any other suggestions? 🙂

[Ariel_Velasquez]

worked great for me on the debut theme. 

[SHIYUE_WANG]

Amazing! It worked perfectly with my site!!

[angelafriedman]

I feel like you actually saved my whole website with this one little bit of code. THANK YOU SO MUCH for this, you actual rockstar.

[folklore]

Just worked for me in 2021 on the Brooklyn theme! I added it to the bottom of theme.scss.liquid. Thanks so much!

[Paul_E2]

Can you confirm which file this goes in please

[shebythesea]

Still works for me.....in the Debut theme.

Thanks so much 😊

[kiennguyen]

You can use the review app, which can convert all the good review into review 5*

[KSVetiver]

I've tried every which way to use this snippet of code on my site, but it's not working. 😞 I'm using Palo Alto. I've tried pasting it into product.template.liquid and product.liquid. It just ends up putting the code at the top of the product page, as visible text, while the empty Customer Reviews section remains at the bottom. Any suggestions?

Sincerely,

DrivingMyselfInsane

[AliNia]

Hi Jason, I use brooklyn theme and tried your code but does not work for me. I use another app for reviews but still se the no review stars in my product page which is annoying. I would appreciate if you or anyone can help me.
- Link to my store
https://www.nicetoucan.com/products/compression-arthritis-gloves-joint-pain-relief-cotton-hand-wrist...
- Screenshot of issue: