How to remove the sale tag on product page

Solved

How to remove the sale tag on product page

ELYSIAN_CLO
Excursionist
41 0 2

Hi all, 

 

So I successfully remove the sale tag on the collection page but I cannot find a way to remove the blue sale tag on the main page for the product itself. Any help?

 

My page is elysianclo.store if you guys need it.

I attached the picture on the blue sale tag needing to be remove.Untitled.png

Accepted Solution (1)

Moeed
Shopify Partner
5323 1437 1723

This is an accepted solution.

Hey @ELYSIAN_CLO 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
span.badge.price__badge-sale.color-accent-2 {
    display: none;
}
</style>

RESULT:

Moeed_0-1695887187853.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
5323 1437 1723

This is an accepted solution.

Hey @ELYSIAN_CLO 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
span.badge.price__badge-sale.color-accent-2 {
    display: none;
}
</style>

RESULT:

Moeed_0-1695887187853.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


ELYSIAN_CLO
Excursionist
41 0 2

Thank you so much!

Dan-From-Ryviu
Shopify Partner
9527 1913 1948

Hi @ELYSIAN_CLO 

You can do that by adding this CSS code at the bottom of your base.css file in Online store > Theme > Edit code > Assets 

.product .price .badge { display: none !important; }

 

- Helpful? Like and Accept solution! or Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Agencia-Fuller
Visitor
2 0 1

This one worked for me.
Thank you!

Dan-From-Ryviu
Shopify Partner
9527 1913 1948

Happy I could help

- Helpful? Like and Accept solution! or Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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 181

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>
.price__badge-sale.color-accent-2 {
    display: none !important
}
</style>

 



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

<phong cách>

 

</style>

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.

syedsumaimaly
Trailblazer
147 16 22

Hi @ELYSIAN_CLO 

Please provide password as well so I can visit your store and provide a solution.