Solved

Get rid of sale badge border on dawn theme

Liam_15
Tourist
12 0 3

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"shopify help 2.jpg

Accepted Solutions (2)

Made4uo-Ribe
Shopify Partner
5126 1223 1497

This is an 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. 

 

Made4uoRibe_0-1704836121230.png

 

    {%- 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

Made4uoRibe_1-1704836327746.png

 

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

 

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Abdosamer
Shopify Partner
821 146 161

This is an accepted solution.

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

.badge.color-accent-1 {
    display: none !important;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

View solution in original post

Replies 10 (10)

Abdosamer
Shopify Partner
821 146 161

Hi @Liam_15 , can you share your store url?

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
Liam_15
Tourist
12 0 3
Abdosamer
Shopify Partner
821 146 161

@Liam_15 , Add this code to base.css :

span#NoMediaStandardBadge-template--20094800691530__product-grid-8534532260170 {
    display: none !important;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
Abdosamer
Shopify Partner
821 146 161

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

.badge.color-accent-2 {
    display: none !important;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
Abdosamer
Shopify Partner
821 146 161

This is an accepted solution.

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

.badge.color-accent-1 {
    display: none !important;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
Liam_15
Tourist
12 0 3

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

Made4uo-Ribe
Shopify Partner
5126 1223 1497

This is an 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. 

 

Made4uoRibe_0-1704836121230.png

 

    {%- 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

Made4uoRibe_1-1704836327746.png

 

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

 

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Liam_15
Tourist
12 0 3

Thank you so much! 🙂

 

Made4uo-Ribe
Shopify Partner
5126 1223 1497

Your always welcome (",)

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Liam_15
Tourist
12 0 3

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 😞