Re: Remove Sale tag in dawn theme

Solved

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

sandihou
Tourist
7 0 4

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

Accepted Solution (1)
KetanKumar
Shopify Partner
37093 3645 12053

This is an 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;}

 

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

Replies 53 (53)

hardik355
Shopify Partner
240 22 36

Hi 

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

 

If helpful then please Like and Accept Solution.
For App Development and Design changes Hire Me.
Skype: live:hardikradadiya355
Thanks
Kinjaldavra
Shopify Partner
2302 570 1426

hello @sandihou 

can you please share your shop preview url

iCart_App
Shopify Partner
615 59 111

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.

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com

Zworthkey
Shopify Partner
5581 642 1577

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

sandihou
Tourist
7 0 4

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
Tourist
7 0 4

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
Tourist
7 0 5

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
Shopify Partner
37093 3645 12053

@morganfulton 

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

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
sandihou
Tourist
7 0 4

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
Shopify Partner
5581 642 1577

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

sandihou
Tourist
7 0 4
KetanKumar
Shopify Partner
37093 3645 12053

@sandihou 


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

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
morganfulton
Tourist
7 0 5

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

KetanKumar
Shopify Partner
37093 3645 12053

@morganfulton 

please share store url?

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
morganfulton
Tourist
7 0 5

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

sandihou
Tourist
7 0 4
No one has given me one yet still awaiting

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

morganfulton
Tourist
7 0 5

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

Zworthkey
Shopify Partner
5581 642 1577

@morganfulton 
kindly share your store url.

so i will help you to fix it out.

morganfulton
Tourist
7 0 5
Hi! Thank you so much!
my shop URL is https://fox-trading-limited.myshopify.com
Kinjaldavra
Shopify Partner
2302 570 1426

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
Tourist
7 0 5

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

KetanKumar
Shopify Partner
37093 3645 12053

@morganfulton 

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
KetanKumar
Shopify Partner
37093 3645 12053

This is an 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;}

 

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
sandihou
Tourist
7 0 4

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
Explorer
50 0 17

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
Tourist
7 0 5

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

CoutureAerie
Tourist
3 0 3

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
Shopify Partner
37093 3645 12053

@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.

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
CoutureAerie
Tourist
3 0 3

Thanks! my url is www.CoutureAerie.com

 

KetanKumar
Shopify Partner
37093 3645 12053

@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;}

 

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
CoutureAerie
Tourist
3 0 3

THANK YOU!!!!

KetanKumar
Shopify Partner
37093 3645 12053

@CoutureAerie 

if 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
Maxim19
Visitor
1 0 0

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
Tourist
24 0 3

Hello, 

 

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

Zworthkey
Shopify Partner
5581 642 1577

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

AlohaAkahai
Shopify Partner
68 3 26

DELETED. 

ircommerce
Tourist
5 0 0

Works.
Thanks!

AlohaAkahai
Shopify Partner
68 3 26

@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
Shopify Partner
68 3 26

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
Tourist
3 0 1

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

AlohaAkahai
Shopify Partner
68 3 26

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
Tourist
3 0 1

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
Shopify Partner
68 3 26

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
Tourist
5 0 0

Doesnt work

TechExpress
Visitor
1 0 1

Thank you.

Did exactly what I was needing it to do.

KetanKumar
Shopify Partner
37093 3645 12053

@TechExpress 

Thanks for update do want any other changes?

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
CirclePaints
Tourist
3 0 1

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
Shopify Partner
37093 3645 12053

@CirclePaints 

Thanks for your happeness  

its my pleasure to help 

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
Eqlizer
Visitor
1 0 1

Sadly it don't work on my shop.

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