Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to remove "sale" badge fro collection page without removing "sold out" badge - DAWN THEME

How to remove "sale" badge fro collection page without removing "sold out" badge - DAWN THEME

NewYorkais
Tourist
24 0 3

Hello!

 

How can I remove the "sale" badge from the collection page without removing the "sold" out badge feature from the collection page? I find that the sale badge is too repetitive, since customers are already clicking the "SALE" option on the menu bar, the title of the page is called  "SALE" and they are already see the strikethrough from the old price. So that is already three features that shows the sale text, and the badge is too repetitive.

 

Hopefully there is a solution to this, thank you in advance!

Replies 8 (8)

Dirk
Shopify Staff
2428 258 548

Hey, @NewYorkais 

 

I would recommend checking out this previously solved forums post that provides some insight and code that you can use to edit your theme in order to hide the sale badges. If you do go the route of making these changes yourself, be sure to duplicate your theme first. That way, if anything breaks by making changes to your theme, you will still have a functioning, backup theme just in case.

 

If there is anything else I can help you with, please let me know.

Dirk | 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

NewYorkais
Tourist
24 0 3

Hi @Dirk

 

Thank you for your response. I did look at the previous solved forum posts; however, they are for the DEBUT theme and not the DAWN theme.

Dirk
Shopify Staff
2428 258 548

@NewYorkais While they may be different themes, they may share similar snippets of code that will allow you to follow similar instructions to parse out the code responsible for the 'sale badge' to hide it.

 

Otherwise, feel free to check out our Shopify experts directory where you can find and hire a developer for a small coding gig to make these changes on your behalf. 

 

If there is anything else I can help you with, please let me know.

Dirk | 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

VoetbalFissa
New Member
4 0 0

Hello Dirk,

Can you repeat the steps here?
The previous post has unfortunately been archived.

 

I want the sale badge (changed to ''🔥'') removed from featured products, and if possible keep it on the product page.

- Page: www.voetbalfissa.nl

 

Yours sincerely,
Rens Geusens

VoetbalFissa
www.VoetbalFissa.nl
Rebeca
Excursionist
33 1 19

I'm not sure if this helps but this is how I use it in the Craft theme. I hide the Sale Badge by adding code in the Custom CSS code in the theme settings. By doing it this way I can remove the code if I wat the sale badge to display and then add it back when I want it to be hidden. 

 

.badge.price__badge-sale,

.card__badge .badge.color-accent-1,

.card__badge .badge.color-accent-2,

.card__badge .badge.color-background-2 {

  display: none;

}

VoetbalFissa
New Member
4 0 0
Thnx, I'll try it!
VoetbalFissa
www.VoetbalFissa.nl

Rebeca
Excursionist
33 1 19

Hi! Did you figure this out?

Shanelllenise
Excursionist
20 0 2

Here's an updated solution per the 2023 Dawn Theme update. this code will remove on 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>