Solved

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

forher
Excursionist
29 15 7

 

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;}

forher.
Accepted Solutions (7)

PageFly-Victor
Shopify Partner
7865 1785 3046

This is an accepted solution.

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

banned

View solution in original post

KetanKumar
Shopify Partner
36835 3635 11966

This is an accepted solution.

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

forher
Excursionist
29 15 7

This is an accepted solution.

Hey KetanKumar,

 

thank you it worked perfectly!

forher.

View solution in original post

forher
Excursionist
29 15 7

This is an accepted solution.

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 😕

forher.

View solution in original post

PageFly-Victor
Shopify Partner
7865 1785 3046

This is an accepted solution.

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

 

banned

View solution in original post

KetanKumar
Shopify Partner
36835 3635 11966

This is an accepted solution.

@forher 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

forher
Excursionist
29 15 7

This is an accepted solution.

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

forher.

View solution in original post

Replies 11 (11)

PageFly-Victor
Shopify Partner
7865 1785 3046

This is an accepted solution.

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

banned
forher
Excursionist
29 15 7

This is an accepted solution.

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 😕

forher.
PageFly-Victor
Shopify Partner
7865 1785 3046

This is an accepted solution.

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

 

banned
forher
Excursionist
29 15 7

This is an accepted solution.

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

forher.

KetanKumar
Shopify Partner
36835 3635 11966

This is an accepted solution.

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
forher
Excursionist
29 15 7

This is an accepted solution.

Hey KetanKumar,

 

thank you it worked perfectly!

forher.
KetanKumar
Shopify Partner
36835 3635 11966

This is an accepted solution.

@forher 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
velkov998
Visitor
1 0 1

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.

Shanelllenise
Excursionist
13 0 0

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 <head> tag (should be line 343)

 

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

Jenna99
Visitor
2 0 1

Thank you!!!!!!

Jenna99
Visitor
2 0 1

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?