Remove the sale badge from homepage *HELP*

Hello, im trying the remove the sale badge from my homepage (and still keep it on the product page) and also only the sale badge, not the sold out badge

please my theme is dawn and the store is perfumecartel.com

Hi @perfumecartel

You can remove it from your store admin > click Sales channels > Online Store > Themes > click “…” > Edit code > open card-product.liquid file, find this line of code

{%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}

Remove this code below it.


                {{- 'products.product.on_sale' | t -}}
              

Save the file

Hello, thanks i tried it but it didnt really worked :(, can you check it?

It has 2 lines of that code in card-product.liquid file, make sure you remove all codes below it.

Hi @perfumecartel ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.template-index .badge--sale,
.template-index .badge.price__badge-sale {
    display: none !important;
}

hello do i need to add the code to everysingle one of this base.css/theme.css/style.css/main.css/custom.css? or just a single one i tried adding it to base.css but didnt worked

is this whole thing right? i deleted it but it also the deleted the name and the price of the product

Try this code in base.css file. @perfumecartel

body:not(.template-product) .card__badge .badge--bottom-left.color-accent-2 {
    display: none !important;
}

You are the man, thanks a lot, by the way if in the future i would like to change the color will i need to change something to the code or leave it like that?