Urgent - Remove sale tag but keeping sold out tag

Solved

Urgent - Remove sale tag but keeping sold out tag

ELYSIAN_CLO
Excursionist
41 0 2

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

Untitled.pngUntitled 2.png

My website is https://elysianclo.store/

 

Please help!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10766 2128 2249

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.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
10766 2128 2249

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.

PageFly-Oliver
Shopify Partner
878 190 185

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.