Get rid of sale badge border on dawn theme

[Liam_15]

Hello, I have tried many options of getting rid of the sale badge on my products and when I try fixing it I only manage to get rid of the sale badge and the sold out badge. I only want to remove SALE badge and keep SOLD OUT badge. As you can see I still have that small white badge next to products that are "on sale"

[Made4uo-Ribe · Accepted solution]

Hi @Liam_15 

You need to get your hands dirty to implement this. Please follow the instructions below

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

Go to Snippet folder and open the card-product.liquid file. 

Find the card__badge

Replace the code highlighted in the image with the code below. 

    {%- if card_product.available == false -%}
            <span
              id="Badge-{{ section_id }}-{{ card_product.id }}"
              class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}"
            >
              {{- 'products.product.sold_out' | t -}}
            </span>
          {%- endif -%}

Make sure to SAVE

Completed code should look like this

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Abdosamer]

Hi @Liam_15 , can you share your store url?

[Liam_15]

Of course!

https://brand-supply.store/?_ab=0&_fd=0&_sc=1

[Abdosamer]

@Liam_15 , Add this code to base.css :

span#NoMediaStandardBadge-template--20094800691530__product-grid-8534532260170 {
    display: none !important;
}

[Abdosamer]

@Liam_15 , go to base.css and add the following code to remove all the sale badge:

.badge.color-accent-2 {
    display: none !important;
}

[Abdosamer · Accepted solution]

@Liam_15 , try to add this code to base.css :

.badge.color-accent-1 {
    display: none !important;
}

[Liam_15]

Thank you so much! Worked perfectly, now the badge is gone on the product page too 🙂

[Made4uo-Ribe · Accepted solution]

Hi @Liam_15 

You need to get your hands dirty to implement this. Please follow the instructions below

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

Go to Snippet folder and open the card-product.liquid file. 

Find the card__badge

Replace the code highlighted in the image with the code below. 

    {%- if card_product.available == false -%}
            <span
              id="Badge-{{ section_id }}-{{ card_product.id }}"
              class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}"
            >
              {{- 'products.product.sold_out' | t -}}
            </span>
          {%- endif -%}

Make sure to SAVE

Completed code should look like this

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Liam_15]

Thank you so much! 🙂

[Made4uo-Ribe]

Your always welcome (",)

[Liam_15]

Need help again I'm afraid... just saw that it worked on my featured collection but not when you click in on one of my products, then the sale badge is still there somehow 😞

[justin30102]

I have been trying many other codes that did not work. Your thoroughly detailed instructions and code worked perfectly for my store- Many thanks for posting this solution!!

[Made4uo-Ribe]

Hi @justin30102 

Welcome! Would you mind hitting thumbs-up? Thanks!