How can I remove the sale tag in the Dawn theme?

[sandihou]

Hello, I want to use the new dawn theme.  I want to keep the sold-out tag and also the cross out the price but i don't want to have a sale tag. Any idea how i can get rid of this? 

thank you so much

[hardik355]

Hi sandihou

I hope you're doing great! Can you share your store url so will write down css and give you solution.

If helpful then please Like and Accept Solution.
For Design, Development and custom changes Hire Me.
Skype: live:hardikradadiya355
Thanks

[Kinjaldavra]

hello @sandihou 

can you please share your shop preview url

[iCart_App]

You can remove the sale tag and keep sold out and compared price in product by adding the custom CSS to your css theme file. Please share your store URL so that I can check and send you the snippet and the theme file name where you can add the code.

[Zworthkey]

hii, @sandihou 
kindly share your store so,
I can solve your issue and give you a proper solution.
Thank You.

[sandihou]

Hello,

It is still in draft, I am using a different theme for my Live shop. I didnt want to switch them till i got rid of the sale tag but if it helps get rid of it i will finish up today and make it live tonight and send you a message when done.

Thank you

[sandihou]

https://highfalutin-resale.myshopify.com/

hi this is my site. The sale tag is gone but so is the sold out. How do i get the sold out back? than you!

[morganfulton]

I just realized that my sold-out tag is gone too! Is there a way to get it back without getting the sold sticker back? 

[KetanKumar]

@morganfulton 

oh i see yes it possible to only sale hide to add custom code

[sandihou]

Hello, 

On the dawn theme does anyone know how to remove the sale tag but KEEP the sold-out tag?  Any help would be soooo appreciated!!!

[Zworthkey]

@sandihou 
kindly Share your Store url. So that I will check and fix it out.

[sandihou]

@Zworthkey 

https://highfalutin-resale.myshopify.com/

thank you

[KetanKumar]

@sandihou 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

[morganfulton]

Did you manage to get it sorted? 😊 I still haven’t got a solution yet. 

[KetanKumar]

@morganfulton 

please share store url?

[morganfulton]

https://fox-trading-limited.myshopify.com Here you go. Many Thanks 🙂 

[sandihou]

No one has given me one yet still awaiting

Sent with [ProtonMail](https://protonmail.com/) Secure Email.

[morganfulton]

Can someone help me out, please? I want to do the exact thing and haven't had any luck so far! 

[Zworthkey]

@morganfulton 
kindly share your store url.

so i will help you to fix it out.

[morganfulton]

Hi! Thank you so much!
my shop URL is https://fox-trading-limited.myshopify.com

[Kinjaldavra]

hello @morganfulton 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

.collection  .grid  .grid__item .card__inner .card__badge ,.product-section .badge  {
            display: none !important;
    }

[morganfulton]

Thank you! Worked a treat. I very much appreciate your help! 

[KetanKumar]

@morganfulton 

its my pleasure to help us 

[KetanKumar · Accepted solution]

@morganfulton 

thanks for URL. please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/component-card.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.card__badge {display: none;}

[sandihou]

thank you i had this issue also, i followed your advice, and the sale tag is gone! BUT, how do i keep the sold-out tag?

[VuongTuanAnh]

Hi, I found out the way to remove the sale tag & still keep other tags on the product page:

1. Edit Code -> Assets -> Component-price.css 

2. Search for the code (Ctrl + F):

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
display: inline-flex;
}

3. Remove ".price__badge-sale" in the code line

4. Paste this at the bottom:

.price__badge-sale {display:none;}

5. Done

These steps help you to remove the sale tag on the product page only. It still shows up on the homepage and collection list. That's all I need :))

[morganfulton]

Oh yay! Thank you. I will give it a go now. 

[CoutureAerie]

Hi all - thanks for these posts - got "Sale" off my product page, but can anyone help me get off off home page and elsewhere?

[KetanKumar]

@CoutureAerie 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[CoutureAerie]

Thanks! my url is www.CoutureAerie.com

[KetanKumar]

@CoutureAerie 

thanks for url can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/component-card.css ->paste below code at the bottom of the file.

.card__badge {display: none;}

[CoutureAerie]

THANK YOU!!!!

[KetanKumar]

@CoutureAerie 

if my pleasure to help us 

[Maxim19]

Go to "Assets", then "base.css", then Ctrl + F, type ".badge", look for a block of code with options like "border", "border radius" etc, just type type "display: none;" at the end of the block within a } bracket, and you are good. 

[NewYorkais]

Hello, 

Is there any way to remove the "sale" badge on collection page, without removing the "sold out" badge on collection page?

[Zworthkey]

@NewYorkais Welcome to the Shopify community.
Happy to help you.
Kindly Share your Store Url So i will help you.
Thank you.

[AlohaAkahai]

DELETED. 

[ircommerce]

Works.
Thanks!

[AlohaAkahai]

@VuongTuanAnh

`You don't have to remove CSS Badge code. If you just put display:none; in the code, it will do the same thing. Also, code on the bottom will override anything on top. You never want to remove original code. You might want to go back to it. 

[AlohaAkahai]

You solution over looks one thing in that .card__badge doesn't remove it from pages. 

Those who want to remove the item from item pages

change in the main-product.liquid

 {%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}

to 

 {%- render 'price', product: product, use_variant: true, show_badges: false, price_class: 'price--large' -%}

Only change is show_badges.

[Andre22222]

This will also remove the sold out badge. We are asking to remove only the sale badge please

[AlohaAkahai]

I already answered this very question for someone else at 

 https://community.shopify.com/c/online-store-2-0/sale-tag/m-p/1570933#M3460

[Andre22222]

Those instructions remove both badges also. I would like to keep the SOLD OUT badge, keep the discounted cut price (if there is a discount applied). I would like to remove only the SALE badge

[AlohaAkahai]

Same thought process is still there. 

Here is a modified use case for price.liquid

{%- if show_badges -%}
{% comment %}
<span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}">
{{ 'products.product.on_sale' | t }}
</span>
{% endcomment %}
<span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
{{ 'products.product.sold_out' | t }}
</span>
{%- endif -%}

And for Card-Product.liquid

{%- if card_product.available == false -%}
<span class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}">{{ 'products.product.sold_out' | t }}</span>
{% comment %}
{%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
<span class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}">
{{ 'products.product.on_sale' | t }}</span>
{% endcomment %}
{%- endif -%}

I would like to point out the part that says {{ 'products.product.on_sale' | t }} or {{ 'products.product.sold_out' | t }}. You can remove this and make it say something else. Instead of Sold out, you can change it to Not in Stock or Returning Soon.

[ircommerce]

Doesnt work

[TechExpress]

Thank you.

Did exactly what I was needing it to do.

[KetanKumar]

@TechExpress 

Thanks for update do want any other changes?

[CirclePaints]

You're a star KetanKumar! 

I'd wasted so much time thumping around trying other solutions. Your solution was super simple and very clearly explained, and worked perfectly.

I'm very grateful to you. 🙏 

[KetanKumar]

@CirclePaints 

Thanks for your happeness  

its my pleasure to help 

[Eqlizer]

Sadly it don't work on my shop.

Is there also another way to delete the "Sale" badge ?