how to remove stars on collection and product pages

ELLA7
Tourist
13 0 2

Hi Everyone,

 

I have the Basel 3.0.1 upload theme. I am trying to remove the (review) stars off collection and product pages but not sure how to do this.

 

I am not that great with "edit codes" - not sure if any easy way to remove? You would think so?

 

Thanks so much in advance! :)

 

 

ksh_verma
Shopify Expert
35 2 4

Hi,
if you are using any app like product reviews then you can uninstall app if you dont want to list reviews. Otherwise , there is need to review code with "edit code".

Thanks

0 Likes
Tom_and_Juli
Explorer
48 0 9

wow man

ksh_verma
Shopify Expert
35 2 4

Thanks :)

0 Likes
Tom_and_Juli
Explorer
48 0 9

Hi ELLA!

 

I have just had the same problem as you and managed to find a great solution that worked for my theme (Boost 1.0.5) and store.

 

I am using the free 'Product Reviews' app from Shopify.

 

in product.liquid and variants I personally created for different types of products I commented out (aka disabled) the stars at the top of a product page:

 
{% comment %}
                <div class="theme-product-reviews-summary">
                  <a href="#shopify-product-reviews"><span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span></a>
                </div>
              </div>
{% endcomment %}
 
This removes the stars badge at the top of a product page. 
 
Then in theme.scss.liquid, I found this
 
  .spr-badge[data-rating="0.0"] {
    visibility: hidden;
  }
 
and changed it to 
 
  .spr-badge {
    visibility: hidden;
  }
 
which hides the star badge at the top of a product page (its still clickable, just not visible) and removes the badge from a collection page and similar...
 
Hope this may work for you too! :)
Best and let me know the result,
 
Tom

 


@ELLA7 wrote:

Hi Everyone,

 

I have the Basel 3.0.1 upload theme. I am trying to remove the (review) stars off collection and product pages but not sure how to do this.

 

I am not that great with "edit codes" - not sure if any easy way to remove? You would think so?

 

Thanks so much in advance! :)

 

 


 

0 Likes
robertfoster
Shopify Partner
1 0 1

OMG! Brilliant!

melvins
New Member
3 0 0

Hi @Tom_and_Juli 

Do you have any idea why my collection page's body is missing after I changed 


  .spr-badge {
    visibility: hidden;
  }



in my theme.scss.liquid?


I have tried to remove this code, but it's still missing. This is my store URL: https://myluxurysmoker.com/

Thank you so much for your help.

1.png

0 Likes