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
Ava | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
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!
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
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
Ava | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
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!
User | Count |
---|---|
26 | |
18 | |
14 | |
13 | |
13 |