Shopify themes, liquid, logos, and UX
Hi all,
Currently working on my website and I want to keep a clean look. I have a couple items that are sold out and I want to keep the sold out tag for those items. I also have products that are on sale, and I only want to keep the cross out price, not the sale tag.
I have manage to remove the tags but that removes both "sold out" and "sale" tag at the same time. Is there anyway to ONLY remove the "Sale" tag but keep the "Sold Out"?
My website is https://elysianclo.store/
Please help!
Solved! Go to the solution
This is an accepted solution.
Hi @ELYSIAN_CLO
You can add this code to your theme.liquid file, after <head> element to check if it works/.
<style>
.badge { display: none !important; }
.card:has(.price--sold-out) .card__badge .badge,
.price--sold-out .badge.price__badge-sold-out {
display: inline-block !important;
}
</style>
- Resolved your issue? - Hit Like & Accept solution - Support me: Buy Me Coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
This is an accepted solution.
Hi @ELYSIAN_CLO
You can add this code to your theme.liquid file, after <head> element to check if it works/.
<style>
.badge { display: none !important; }
.card:has(.price--sold-out) .card__badge .badge,
.price--sold-out .badge.price__badge-sold-out {
display: inline-block !important;
}
</style>
- Resolved your issue? - Hit Like & Accept solution - Support me: Buy Me Coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Hi @ELYSIAN_CLO ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
main .badge { display: none !important; }
main .card:has(.price--sold-out) .card__badge .badge,
main .price--sold-out .badge.price__badge-sold-out {
display: inline-block !important;
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025