How to remove the 'Sale' badge from product images in Sense theme?

Store Design
1

How do I remove the “Sale” badge on the product images on our collection pages? We are using Sense theme. Is it possible to still have a mark down sale but exclusively remove the badges from the images on collection pages only?

1 Like
2

Hide badges on collection pages template for Sense theme and other Dawn based themes.

In the theme customizer add a custom-liquid section in the collection theme-settings and use the following style CSS.

Always backup themes before changing code.

To make it more permanent through out a site for any collection/grid set of products use the CSS above , without the tag, by adding it to the end of base.css.

3

Hello @Solset

I would like to give you some recommendations to support you

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

4

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

5

Hi @Solset ,

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

  • Go to Online Store->Theme->Edit code
  • Asset-> theme.css paste the below code at the bottom of the file
span.price__badge.price__badge--sale{display:none !important}

PageFlyVictor_0-1668659536080.png
PageFlyVictor_0-1668659536080.png1366×768 145 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly team