We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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
7764 2082 2568

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 13 (13)

Moeed
Shopify Partner
7764 2082 2568

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ELYSIAN_CLO
Excursionist
41 0 2

Thank you so much!

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- 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.
- Enjoy 1 month of Shopify for $1. Sign up now.

Agencia-Fuller
Tourist
3 0 1

This one worked for me.
Thank you!

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Happy I could help

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- 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.
- Enjoy 1 month of Shopify for $1. Sign up now.

HH25
Tourist
3 0 2

This worked for me on the product page but it still shows the sale badge on each product when i'm in the collection. Is there something else i can add to the code or another way around this?

 

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Could you share your store link? 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- 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.
- Enjoy 1 month of Shopify for $1. Sign up now.

HH25
Tourist
3 0 2
Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Please update the code to this 

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

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- 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.
- Enjoy 1 month of Shopify for $1. Sign up now.

HH25
Tourist
3 0 2

Yes, that worked, thank you! Now whenever it is time for me to update my theme will this code transfer or will I have to put it in again? 

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

You will need to copy code and add it to your new theme

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- 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.
- Enjoy 1 month of Shopify for $1. Sign up now.

PageFly-Oliver
Shopify Partner
878 190 191

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.