How to remove the sale tag on product page

Shopify Discussion
, ,
1

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
Untitled.png2832×1340 286 KB

2

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 tag

RESULT:

Moeed_0-1695887187853.png
Moeed_0-1695887187853.png1682×883 147 KB

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

Best Regards,
Moeed

3

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; }
4

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

<phong cách>

5

Hi @ELYSIAN_CLO

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

6

Thank you so much!

7

This one worked for me.
Thank you!

8

Happy I could help

9

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?

10

Could you share your store link?

11

https://d7bdb4-de.myshopify.com/

12

Please update the code to this

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

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?

14

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