Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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;}
@NewYorkais Welcome to the Shopify community.
Happy to help you.
Kindly Share your Store Url So i will help you.
Thank you.
DELETED.
Works.
Thanks!
@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.
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.
This will also remove the sold out badge. We are asking to remove only the sale badge please
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
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
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.
Doesnt work
Thank you.
Did exactly what I was needing it to do.
Thanks for update do want any other changes?
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. 🙏
Thanks for your happeness
its my pleasure to help
Sadly it don't work on my shop.
Is there also another way to delete the "Sale" badge ?
oh sorry for that issue can you please share your store url so i will check and let you now
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?
oh sorry for that issue can you please share your store url and issue images so i will check and let you know
User | RANK |
---|---|
154 | |
139 | |
79 | |
71 | |
62 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023