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>
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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>
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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.
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey 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, 2024