How do I hide the sale badge and show only the out of stock badge?

Store Design
, , ,
1

My theme is Dawn.

I want to hide the sale badge in the collection card section and only show the out of stock badge.

Also, I want to hide the sale badge on the product detail page and only show the out of stock badge.

help!

1.png
1.png372×290 4.22 KB

2

Hi @Janice_CTU ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → Edit code

  2. Remove code related to sale bage. See screenshot to update

EBOOST_0-1688167478362.png
EBOOST_0-1688167478362.png1577×769 61.2 KB

3

Thank you for your assistance.

I have successfully removed the sale badge from the collection page.
However, I’m having trouble removing the “sale” badge from the product detail page.

Is it correct to modify the code inside the main-collection-product-grid?
I couldn’t find what you left…

4

Hi,

May I suggest to update code these steps to hide sale bage on PDP:

  1. Go to Store Online-> theme → Edit code
  2. Assets/base.css
  3. Add code below to end of file
.badge.price__badge-sale {
display: none!important;
}
5

Thank you so much!