Code to suppress sales stickers on collection pages

Store Design
, , ,
1

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.

2

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}

3

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

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

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

5

Thanks I’ll try and let you know

6

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

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

8

awesome that worked. thanks so much

9

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

10

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

1 Like
11

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 :slightly_smiling_face:

12

@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;}
13

It worked!! Thank you so so much :slightly_smiling_face: