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;}
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
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
hii, @sandihou
kindly share your store so,
I can solve your issue and give you a proper solution.
Thank You.
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
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!
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?
oh i see yes it possible to only sale hide to add custom code
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!!!
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
Did you manage to get it sorted? 😊 I still haven’t got a solution yet.
please share store url?
Can someone help me out, please? I want to do the exact thing and haven't had any luck so far!
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;
}
Thank you! Worked a treat. I very much appreciate your help!
its my pleasure to help us
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;}
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?
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 :))
Oh yay! Thank you. I will give it a go now.
Hi all - thanks for these posts - got "Sale" off my product page, but can anyone help me get off off home page and elsewhere?
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.
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;}
THANK YOU!!!!
if my pleasure to help us
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.
Hello,
Is there any way to remove the "sale" badge on collection page, without removing the "sold out" badge on collection page?
@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 ?
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024