Shopify Review App / Hide when no reviews

Highlighted

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
1 Like
Highlighted
Shopify Expert
10007 116 1816

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

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

 

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
4 Likes
Highlighted

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
Highlighted
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
Highlighted
Tourist
3 0 1

Thanks Jason, it worked perfectly!

1 Like
Highlighted
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 :)

 

1 Like
Highlighted
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
Highlighted
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