How can I remove only the 'sale' badges from my website?

Store Design
1

Hello, I would like to remove the “sale” badges while keeping only the “sold out” badges. I tried the code below but it removes all types of badges and not just “sale” badges. Do you have a solution please?

.card__badge {
display: none;
}

My website : jadis-shop.com

password : rj

thanks in advance

2

Hi @JADIS ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-price.css->paste below code at the bottom of the file:

.card__badge {
display: block;
}

Hope my answer will help you.

3

Hello thanks for your anwser but i didn’t work… I just wan to remove the “sale” badge, only this one, there is maybe a command for this no ?

Could someone help me again ?

:heart:

4

Hi @JADIS ,

Can you take a screenshot to show your problem?. I went to your website and didn’t see “sale bagde”

5

Precisely, it is because for the moment I deactivated all the badges while waiting for a solution.

let me explain :

I would like to keep visible only the “sold out” badge (when the product is sold). That is to make invisible the badges of promotions only

How to do ?

6

To display the percentage saved with a promotion on a Shopify store, you will need to write some code that calculates the discount and displays it on your product page. Here’s an example of how you could do it using Liquid, the template language used in Shopify:

  1. Go to your Shopify store’s admin panel, and click on the “Online Store” section.

  2. Click on “Themes,” and then click on the “Actions” button for the theme you want to edit.

  3. Click on “Edit code.”

  4. In the “Sections” directory, find the “product-template.liquid” file, and click on it to open it.

  5. Find the section where the product price is displayed, and add the following code after it:

{% if product.compare_at_price > product.price %}
  

{{ product.compare_at_price | minus: product.price | times: 100.0 | divided_by: product.compare_at_price }}% off

{% endif %}

Note: You may need to adjust this code based on your specific needs and the design of your product pages

7

Sorry i don’t have product-template.liquid in the code… do you have another solution please ?