How can I remove constant sale and sold out badges from product pages?

How can I remove constant sale and sold out badges from product pages?

obiemegano
Excursionist
18 0 5

Hello I have been creating my store for some days now, somewhere along the way i think i may have put some code in that makes the sale and sold out badge on my product page show constantly whether i have the badges selected or not. 

 

I need to remove the sale and sold out badge from the product pages when they are not on sale or sold out. Or maybe they are just visible and can be removed? Any help would be appreciated!

Replies 11 (11)

oscprofessional
Shopify Partner
15961 2387 3095

Hello @obiemegano 

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
obiemegano
Excursionist
18 0 5

wonby1ne.myshopify.com

PageFly-Oliver
Shopify Partner
878 190 176

Hi @Obiemegano,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-card.css

Step 3: Paste the below code at the bottom of the file -> Save

.card__badge{
display:none !important}



Hope my solution works perfectly for you.

Cheers!

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.

obiemegano
Excursionist
18 0 5

this did not work

 

PageFly-Oliver
Shopify Partner
878 190 176

you can try

span.badge.price__badge-sale.color-accent-2,span.badge.price__badge-sale.color-accent-2{display:none !important}

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.

obiemegano
Excursionist
18 0 5

this removed the sale badge but the sold out badge is still there

Jordanf23
Visitor
1 0 0

This worked for me, thank you!

oscprofessional
Shopify Partner
15961 2387 3095

Hello @obiemegano 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom

.product__info-wrapper grid__item .badge {
    display: none !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
obiemegano
Excursionist
18 0 5

this also did not work. does anyone else have any suggestionsScreenshot 2023-05-19 at 7.18.08 AM.pngIMG_5366.png? i have been trying to remedy this for some days now. here is an attached picture of the issue. 

obiemegano
Excursionist
18 0 5

here are some pictures of the problem. I was messing with the code to adjust the sale badge location and size. In doing so i may have changed the code to always display. If anyone knows where i can go to delete this code that will be helpful. maybe i can just delete the code for this sale badge. i would be okay with that. 

obiemegano
Excursionist
18 0 5

here are some pictures of the problem. I was messing with the code to adjust the sale badge location and size. In doing so i may have changed the code to always display. If anyone knows where i can go to delete this code that will be helpful. maybe i can just delete the code for this sale badge. i would be okay with that.

 

i am new to shopify so this is a bit frustrating with all the code that needs to be added. any info will help. thanks in advance.