Lorenza Theme - How to Remove "On Sale" Badges on collection page

Store Design
1

Hi,

I really don’t like how the “On Sale” and “Sold Out” badges block the product images on my collection pages. I’m looking to get the badges removed and instead shown in text next to the prices.

Any help would be appreciated.

www.houseofdakh.com

Thanks

shopify-community-examples.png
shopify-community-examples.png1284×2138 227 KB

2

Lorenza Theme

3

Hello @ELBOY ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1672104886326.png
GemPages_0-1672104886326.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like
4

HI @ELBOY
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

.template-collection .product-item .badge {
display: none;
}
5

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find Asset >theme.css and paste this at the bottom of the file:

.collection__products .product-item .badge {
    display: none;
}

ZestardTech_0-1672126242407.png
ZestardTech_0-1672126242407.png1909×875 205 KB

6

Hello @ELBOY ,

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
.badge {
display: none !important;
}

</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.