Shopify Review App / Hide when no reviews

I've been wondering this a while and never asked.. has anyone found a way to hide the yet-to-be-reviewed stars? I look at our homepage with half good reviews, the other half are not reviewed yet, but with no stars, at a real glance they may think its poorly reviewed. I'd rather those stars/review placement be hidden until a review was submitted.

I didn't see a CSS for has-reviews / no-reviews otherwise I'd just hide it that way.. unless I've blindly missed it.

The Secret Chocolatier (shopify) : http://thesecretchocolatier.com | Homemade Chocolate Gifts (blog): http://homemadechocolategifts.com
Jason
Shopify Expert
10360 158 2004

Adding this to the bottom of your stylesheet should do the job.

/* hide zero rating badge */
.spr-badge[data-rating="0.0"] {
    display: none;
}

 

I jump on these forums to help and share some insights. Not looking to be hired, and not looking for work.

Don't hand out staff invites or give admin password to forum members unless absolutely needed. In most cases the help you need can be handled without that.


★ http://freakdesign.com.au ★

What a difference. I never thought it would work off an operand like that, I was thinking way too simply. Thanks for the assist!

The Secret Chocolatier (shopify) : http://thesecretchocolatier.com | Homemade Chocolate Gifts (blog): http://homemadechocolategifts.com
0 Likes
Jon_Berry
Tourist
6 0 2

Hi there:

I've added this to my style sheet (style.scss.liquid) but the stars for products with no reviews still show. Any suggestions for what I might be doing wrong or other suggestions to hide those?

Thanks!

0 Likes
Daniela_Cadena
Tourist
3 0 1

Thanks Jason, it worked perfectly!

OngYJ
Tourist
53 0 3

Hey guys,

If you are still using the awesome Shopify's Product Reviews app, just wanna recommend you to check out this app: https://apps.shopify.com/product-reviews-addon

It's a add-on for the Shopify's Product Reviews app, which automates your review gathering process by sending emails to customers upon X number of days since their purchase date or fulfillment date.

Customers can also review directly in their email.

Could be useful :)

 

CharlieS
New Member
2 0 1

Thanks @Jason it worked perfectly for me too!

 

Any recommendation how to remove the blank white space too (where the stars were)?

(only in those instances when there is no review)

 

Thank you!

 

 

0 Likes
Buttermilk
New Member
1 0 0

Hi Jason,

 

Please can you highlight exactly where to add this snippet of code?

As we would really like to hide the review section for products with no review as of yet. 

Thank you for your help in advance

0 Likes
IzaskunZabala
New Member
2 0 0

Hi Jason,

I cannot locate the stylesheet in my coding. Can you please help?

Thank you

0 Likes
Nishant24
New Member
2 0 0

Hello Jason, 

Is it also possible to remove the "write a review section" at the bottom of the page for those products in which there are 0 reviews?

0 Likes