FROM CACHE - en_header
Promotion image

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

Solved

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

forher
Excursionist
29 15 7
‎11-01-2022 05:07 PM

 

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.
2,208 Views
1 Like
Report
Accepted Solutions (7)

PageFly-Victor
Shopify Partner
7865 1785 3095
‎11-01-2022 09:29 PM

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

View solution in original post

2,188 Views
1 Like
Report

KetanKumar
Shopify Partner
37043 3644 12026
‎11-01-2022 11:02 PM

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

2,180 Views
1 Like
Report
In response to KetanKumar

forher
Excursionist
29 15 7
‎11-02-2022 05:54 AM

This is an accepted solution.

Hey KetanKumar,

 

thank you it worked perfectly!

forher.

View solution in original post

2,158 Views
1 Like
Report
In response to PageFly-Victor

forher
Excursionist
29 15 7
‎11-02-2022 06:00 AM

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

2,156 Views
0 Likes
Report
In response to forher

PageFly-Victor
Shopify Partner
7865 1785 3095
‎11-02-2022 06:51 AM

This is an accepted solution.

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

 

View solution in original post

2,144 Views
1 Like
Report
In response to forher

KetanKumar
Shopify Partner
37043 3644 12026
‎11-02-2022 09:05 AM

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

2,137 Views
1 Like
Report
In response to PageFly-Victor

forher
Excursionist
29 15 7
‎11-03-2022 05:51 AM

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

2,126 Views
0 Likes
Report
Replies 11 (11)

PageFly-Victor
Shopify Partner
7865 1785 3095
‎11-01-2022 09:29 PM

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

2,189 Views
1 Like
Report
In response to PageFly-Victor

forher
Excursionist
29 15 7
‎11-02-2022 06:00 AM

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.
2,157 Views
0 Likes
Report
In response to forher

PageFly-Victor
Shopify Partner
7865 1785 3095
‎11-02-2022 06:51 AM

This is an accepted solution.

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

 

2,145 Views
1 Like
Report
In response to PageFly-Victor

forher
Excursionist
29 15 7
‎11-03-2022 05:51 AM

This is an accepted solution.

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

forher.
2,127 Views
0 Likes
Report

KetanKumar
Shopify Partner
37043 3644 12026
‎11-01-2022 11:02 PM

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
2,181 Views
1 Like
Report
In response to KetanKumar

forher
Excursionist
29 15 7
‎11-02-2022 05:54 AM

This is an accepted solution.

Hey KetanKumar,

 

thank you it worked perfectly!

forher.
2,159 Views
1 Like
Report
In response to forher

KetanKumar
Shopify Partner
37043 3644 12026
‎11-02-2022 09:05 AM

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
2,138 Views
1 Like
Report
In response to KetanKumar

velkov998
Visitor
1 0 1
‎03-13-2023 03:59 PM

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.

1,933 Views
1 Like
Report
In response to velkov998

Shanelllenise
Excursionist
20 0 2
‎12-01-2023 10:04 PM

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>

1,372 Views
0 Likes
Report
In response to Shanelllenise

Jenna99
Visitor
2 0 1
‎01-16-2024 07:01 AM

Thank you!!!!!!

1,155 Views
1 Like
Report
In response to Shanelllenise

Jenna99
Visitor
2 0 1
‎01-16-2024 07:11 AM

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? 

1,153 Views
0 Likes
Report

Community Blog Articles

page_thumb_platform Cropped.png
Get ready for peak holiday selling season 2024

By investing 30 minutes of your time, you can unlock the potential for increased sales,...

By Jacqui Sep 11, 2024
03 leaderboard.webp
Highlights | Top Contributors August '24

We appreciate the diverse ways you participate in and engage with the Shopify Communi...

By JasonH Sep 9, 2024
Jacqui_0-1725391911908.jpeg
Recap | An AMA with 2H Media: Marketing Your Shopify Store!

Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...

By Jacqui Sep 6, 2024
Terms of Service Privacy Policy