Can anyone help me get rid of SALE badge on home page and other place but keep SOLD OUT badge. I have already removed SALE badge on the product page. Thanks.
Topic summary
Users seek to remove SALE badges while retaining SOLD OUT badges on their Shopify stores using the Dawn theme.
Initial Solution (Older Dawn versions):
- Navigate to Online Store → Theme → Edit code
- Open
card-product.liquidfile - Search for
card__badge - Wrap relevant code with
{% comment %}and{% endcomment %}tags - This method worked for earlier Dawn theme versions but became ineffective after updates
Updated Solution (2023 Dawn Theme):
- Add CSS code to
theme.liquidfile under the<head>tag (around line 343):
<style>
.card-wrapper:has(.price--on-sale) .card__inner .card__badge {
display: none !important;
}
</style>
- This targets only sale badges while preserving sold out badges
- Multiple users confirmed this updated approach works successfully
Note: The original solution only removes badges from the homepage/collection pages. Removing sale badges from individual product pages requires different code modifications not fully addressed in this thread.
Hello @Olivia_J_1
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you.
-
Go to Online Store → Theme → Edit code.
-
Open your card-product.liquid theme file.
-
Search with keyword: card__badge
-
You will find 1 results.
Please add a pair of code: {% comment %} … {% end comment %} as shown below:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
1 Like
Thank you so much for your help !
I am glad that my solution is helpful to you 
.
does this work for dawn theme? i tried it multiple times and was unsuccessful.
It works for the old Dawn theme, after the theme is updated, it may not work.
thank you.
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 tag (should be line 343)
.card-wrapper:has(.price--on-sale) .card__inner .card__badge { display: none !important; }
1 Like
How can I remove the sales badge on the individual product page?
I entered all these codes, but for me the sales badge just disappears on the home page.
Thanks in advance for an answer
I tried this, it didn’t work for me.
Can you have a look at my page please? 
URL: www.saintville.co.uk
Theme: Dawn
your site requires a password.
do you want me to send you my entire code? i can do that and you can try it and if it doesnt work you can undo it.
you are a LIVESAVER!!! thank you so much, this is the only thing that has worked for me
you’re welcome!