Remove The "Sale" Icon From Collection Page (Dawn Theme)

Store Design
1

Hi,

I know that this question has been asked many times already, but the code changes and the answers get outdated quickly.

Is there any way to remove the “SALE” icon from my collection page?

Shop: https://forher.boutique/

I tried with this code, but it doesn’t work in all countries: .price__badges–listing {display: none !important;}

2

This is PageFly - Free Landing Page Builder.

You can add this code into the base.css file

.card__badge  {
display: none !important;
}

Hope this can help you solve the issue

Best regards,

PageFly

3

@forher

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.price__badge-sale, .card__badge {
    display: none !important;
}
4

Hey KetanKumar,

thank you it worked perfectly!

5

Hi @PageFly-Victor thank you so much! Could you also tell me how to make it for every country the same? When I change currency, I still see the sales & discounted prices :confused:

6

which country did you get it? i dont see anything when i changed the country

7

@forher

its my pleasure to help us

8

Hi @PageFly-Victor as an example the british curreny, it does not remove the sales badge.

9

Is there a way to only remove the ON SALE badge but keep the SOLD OUT BADGE.
When i paste this code, it removes both my sale and sold out badges.
i would like to keep the SOLD OUT.
Thanks ahead.

10

Here’s an updated solution per the 2023 Dawn Theme update. this code will remove only sale badges and keep sold out badges.

Please add this code to theme.liquid file, under tag (should be line 343)

.card-wrapper:has(.price--on-sale) .card__inner .card__badge { display: none !important; }
11

Thank you!!!

12

Hi there, I’ve been playing around with various code to remove the sale badges from my products before coming across your code above (which worked, hooray!). I have inadvertantly removed some products pricing all together and I’m unsure how I’ve managed to do that. I believe it’s through the modifications I made to the component-price file. Would you be able to help at all?