FROM CACHE - en_header

Product Reviews: hide stars when no review

Pascal2
Shopify Partner
36 0 13

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

 

 

 

 

Designs professional Shopify websites
Replies 15 (15)
Jason
Shopify Expert
10898 191 2185

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.

★ I jump on these forums in my free time to help and share some insights. Not looking to be hired, and not looking for work. http://freakdesign.com.au ★
Pascal2
Shopify Partner
36 0 13

Worked like a charm, thank you so much! 🙂

Designs professional Shopify websites
Lisa_Rosén
Tourist
3 0 2

Hello,

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

Ringman_Snell
New Member
1 0 1

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
Shopify Partner
14 0 2

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

Lisa_Rosén
Tourist
3 0 2

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

Ariel_Velasquez
New Member
5 0 0

worked great for me on the debut theme. 

SHIYUE_WANG
New Member
4 0 0

Amazing! It worked perfectly with my site!!

angelafriedman
New Member
1 0 0

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
New Member
1 0 1

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
New Member
7 0 0

Can you confirm which file this goes in please

 

 

shebythesea
Tourist
9 0 1

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

Thanks so much 😊

kiennguyen
Shopify Partner
19 0 2

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

KSVetiver
New Member
3 0 0

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
New Member
2 0 0

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:

AliNia_1-1657541200000.png