Hide NO REVIEW from product

[Gabriel_Blauth]

No matter what I do, I just can`t remove the ZERO STAR REVIEW stuff from my products. Does anyone know how to fix it? I already tried all the CSS codes that I saw here, but it doesn`t work. 

[Jason]

What have you tried? That will save the forum members talking about things you've already attempted, or help you if what you tried had mistakes in it.

[Ava]

Hi, Gabriel!

My name is Ava, I’m one of Shopify’s Gurus and I’m here to help :)I've had a look and can see Jason has answered a post similar to this here. He goes into greater detail in his blog post here. This code should work a treat for you too! So if you go to Online Store > Theme > Actions > Edit Code, you can access your themes HTML/CSS. You would just need to copy this code - 
 

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

to the bottom of your CSS stylesheet, which you can see if you scroll to the Assets section here - 

Some themes don't have theme.scss.liquid though so, you can look out for timber.scss.liquid, main.css.liquid etc. Then just click Save when you are done!

You can always contact our support lines here. Our support team should be able to give you a hand if you have some difficulty with this.

Or I'm sure Jason (or other Experts) can help you here! I have yet to see him not solve a problem on our Forums ? 

Ava

Social Care Guru | support@shopify.com

[CharlieS]

Hey Guys,

the code worked perfectly thank you.

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!

[Majikred]

Hi Ava, 

I have tried to post the code below, but it hasn't worked. I am using the Retina theme, and I don't think I am pasting the code in the right place. Can you help me please?

---

@Ava wrote:

Hi, Gabriel!

My name is Ava, I’m one of Shopify’s Gurus and I’m here to help :)I've had a look and can see Jason has answered a post similar to this here. He goes into greater detail in his blog post here. This code should work a treat for you too! So if you go to Online Store > Theme > Actions > Edit Code, you can access your themes HTML/CSS. You would just need to copy this code - 
 

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

to the bottom of your CSS stylesheet, which you can see if you scroll to the Assets section here - 

Some themes don't have theme.scss.liquid though so, you can look out for timber.scss.liquid, main.css.liquid etc. Then just click Save when you are done!

You can always contact our support lines here. Our support team should be able to give you a hand if you have some difficulty with this.

Or I'm sure Jason (or other Experts) can help you here! I have yet to see him not solve a problem on our Forums ? 

Ava

Social Care Guru | support@shopify.com

---

,

I am using the Retina theme and I have tried to paste the same code, but it hasn't worked for me. Can you please help me?

---

@Ava wrote:

Hi, Gabriel!

My name is Ava, I’m one of Shopify’s Gurus and I’m here to help :)I've had a look and can see Jason has answered a post similar to this here. He goes into greater detail in his blog post here. This code should work a treat for you too! So if you go to Online Store > Theme > Actions > Edit Code, you can access your themes HTML/CSS. You would just need to copy this code - 
 

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

to the bottom of your CSS stylesheet, which you can see if you scroll to the Assets section here - 

Some themes don't have theme.scss.liquid though so, you can look out for timber.scss.liquid, main.css.liquid etc. Then just click Save when you are done!

You can always contact our support lines here. Our support team should be able to give you a hand if you have some difficulty with this.

Or I'm sure Jason (or other Experts) can help you here! I have yet to see him not solve a problem on our Forums ? 

Ava

Social Care Guru | support@shopify.com

---

[Dan116]

Is this code:

/* -- code to remove zero based ratings for Shopify App -- */
.spr-badge[data-rating="0.0"] {
visibility:hidden; display: none;
}
/* - end - */

Suppose to remove this box?
By pasting the code into the bottom of timber.scss.liquid
When using the Brooklyn theme?

[Ava]

Hey, @Dan116!

This code is intended to remove the 0-star reviews from the main collection page, or any collection this product appears in. So while it would not be viewable if you were to view this product on a page, if you were to click into the product (from a collection page or from the homepage) to view the full product page, you will see the 0 star rating. This is to ensure that customers have the chance to leave a review, as if this box was totally removed, no one could review the product.

Let me know if that helps!

Ava
Social Care | help.shopify.com

[dbull]

I already have a reviews app set up that displays reviews like this...

But if I can't remove the 'No Reviews yet. Be the first to add a review' above it then it doesn't make sense to have no reviews when I do...

[Remco112]

Thank you, This works really well,

But is there also a way to simply do the same with the products page itself, like I have a "write a review page" section that is displayed for every customer and product, but I only want it to display to customers when it has like 5 reviews or something, but it will automatically hide itself when it has like then 3 or always when it's at zero reviews, I ask this because I'm trying to setup a confirmation email to customers who bought a product for instance and that person gets automatically a review form and then that form gets submitted through that page. The email part etc is not a challenge but the code is, much appreciated!

[jeff71]

Click to expand...

I'm also having trouble removing the no reviews section on my products page.