Re: How to remove "sale" badge fro collection page without removing "sold out" b

NewYorkais · ‎11-16-2021

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!

Dirk · ‎11-16-2021

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 · ‎11-16-2021

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 · ‎11-23-2021

@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 · ‎08-13-2023

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 · ‎08-13-2023

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 · ‎08-13-2023

Thnx, I'll try it!

VoetbalFissa
www.VoetbalFissa.nl

Rebeca · ‎05-31-2022

Hi! Did you figure this out?

Shanelllenise · ‎12-01-2023

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)

Re: How to remove "sale" badge fro collection page without removing "sold out" b

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

Community Blog Articles