Code to suppress sales stickers on collection pages

[MRPTerri]

Hi, I have a bundle page that I want to use comparative pricing with, but I don’t want the auto sale sticker to pop up on that particular collection. 

is there a way to suppress this sticker just on this collection? Ive made it white for now but it won’t serve me for future sales where I want the sticker, and on mobile you can see the white sticker over the top of some elements. 

if you can help with some code I’d be grateful 

using Turbo theme

This is my site; mrpoppinsandco.com

on bundles collection. 

[biznazz101]

Not confident it will work but can try adding this to the collection sections custom CSS settings:

.price-ui-badges price-ui-badges--round {visibility: hidden}

[MRPTerri]

Thanks I’ll try and let you know 

[MRPTerri]

thanks that didn't work but the next reply did so thanks for the offer.

[suyash1]

@MRPTerri - add this css to the very end of your styles.css file and check

.price-ui-badges{display: none; visibility:hidden;}

[MRPTerri]

I only want it suppressed on one specific collection though. Won’t that supress it on all collections? 

[suyash1 · Accepted solution]

@MRPTerri - yes it will on all, but if you want on specific collection only then add this css

.collection-bundles-page .price-ui-badges{display: none; visibility:hidden;}

[MRPTerri]

awesome that worked. thanks so much

[LaurenMcCreery]

Hi @suyash1 - do you know if this is possible on one type of sticker on one collection only? My new in collection page is currently showing Black Friday stickers and New in stickers. I don't want the new in stickers to show - they're covering the products too much. Any idea please? https://www.lespetits.fr/

Many thanks, Lauren

[suyash1]

@LaurenMcCreery -please share your collection page where yo want to hide them

[LaurenMcCreery]

Here you go! https://www.lespetits.fr/collections/new-in

It's just the "new in" i want to hide, the black friday i want to keep. Thank you so much 🙂

[suyash1]

@LaurenMcCreery - please add this css to the very end of your styles.css file and check

.price-ui-badge__sticker.price-ui-badge__sticker--new {display: none; visibility: hidden;}

[LaurenMcCreery]

It worked!! Thank you so so much 🙂