How do I remove "sale" badge from the corner of the product picture in the collection page?

Store Design
1

Hey, I want to eliminate that badge but keep the compared price at the bottom. I just want to remove the badge because I don’t like the way it looks. Have been searching all over this community and haven’t found the answer. I would be very grateful if someone could help me. Thank you.

I’m using the BOUDNLESS theme.

keepeliminate.jpg
keepeliminate.jpg1545×2000 133 KB

3 Likes
2

@christian777 ,
Please share your store URL.

1 Like
3

Hi @christian777

1: Online store > themes > Actions > Edit code > Assets > theme.scss.liquid

2: paste code at last

.product-item__badge {
    display: none;
}
3 Likes
4

Hello @christian777

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

you can add my code follow two ways:

  • first way:

Go to Online Store->Theme->Edit code theme.liquid paste my code after element

@media (max-width:767px){ .product-item .product-item__badge{ display:none !important } }
  • second way:

Go to Online Store->Theme->Edit code

Asset-> theme.scss paste the below code at the bottom of the file.

@media (max-width:767px){

.product-item .product-item__badge{ display:none !important }

}

Best Regards;

PageFly

1 Like
5

Hi @christian777 ,

This should work. Let us know if it does not

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.scss.css
  3. Paste the code below at the very bottom of the file.
span.product-item__badge {
    display: none;
}
1 Like
6

@christian777

can you please share this part code so i will check and update

1 Like
7

Can you help me out, the code is not working on my store: copelandcoins.com

I just want to get rid of the red “sale” corner banner while keeping my compare at prices. It annoys people because I have product parts on the pages and it makes it look like the main product has an extreme discount.

8

Hi I have the same issue and the code solution that is always recommended removes the SOLD OUT badge as well which is not what I want.

Can anyone advise?

My page: saintville.co.uk

Theme: Dawn

Thank you!

1 Like
9

@Saintville

oh sorry for that issue.

but how can i check your store is password protect can you please share us so i will check and update proper solution

10

Apologies, the temporary password is 1qwert

1 Like
11

@Saintville

no rush, Thanks for details

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.card__badge.bottom.left {
    display: none !important;
}
3 Likes
12

Thanks but this does not help at all.

It’s the same thing. It always removes the SOLD OUT badge as well which I want to keep

13

Hello, i am also a (new) shop owner. I just fixed it on my own store.
message me on instagram fame__lulu

I can try to help you.

14

I have a problem , i probably deleted some code trying this and now no bundle app is visible in my store… What could i have done? Thanks

1 Like
15

@robbankung

can you please share more details

16

thanks worked for me