Remove Sale tag in dawn theme

Solved
sandihou
Tourist
7 0 3

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
36688 3633 11881

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 52 (52)
Zworthkey
Shopify Partner
5581 642 1551

@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
40 1 17

DELETED. 

ircommerce
Tourist
5 0 0

Works.
Thanks!

AlohaAkahai
Shopify Partner
40 1 17

@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
40 1 17

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
40 1 17

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
40 1 17

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
36688 3633 11881

@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
36688 3633 11881

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

KetanKumar
Shopify Partner
36688 3633 11881

@Eqlizer 

oh sorry for that issue can you please share your store url so i will check and let you now 

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

Hello KetanKumar,

This works for me only on desktop version of website. Whenever I open mobile version, sale badge still shows up. 

Also whenever I try to change sale badge color, it only changes for Desktop. Mobile stays the standard blue color. Why is mobile display not changing when I change the code?

KetanKumar
Shopify Partner
36688 3633 11881

@s1l3ntstr1k3 

oh sorry for that issue can you please share your store url and issue  images so i will check and let you know 

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