How can I remove the 'en oferta' tag from my online store?

Store Design
1

Hello everyone!

I’ve just set up some discounts on my online store. I’d like to remove this tag which says “en oferta” in blue. How can I do it? It appears everywhere (landing page, collection page and product page)

Thank you everyone!

2

Hi, @EstherBen ,

Thank you for sharing that screenshot to show what exactly you want removed. What theme are you using? Once I know your theme, it’ll be easier to look for resources on my end regarding your specific theme.

Also, may I ask why you want to remove this sale banner? If you do not like the look of it, you can change the colors and typography within your theme settings as an alternative. Checkout this link from our Help Center as it goes over all the things you can change in your theme settings.

You can also remove the compared at price within your product settings to remove this banner. However, this will also remove the price comparison of the product. Please refer to the screenshots below:

06-56-66187-96810
06-56-66187-96810979×514 127 KB

06-54-41104-96905
06-54-41104-96905642×361 26.5 KB

06-55-49153-27109
06-55-49153-27109969×515 105 KB

You can also refer to this link for detailed steps in how to navigate to the compare at price section of your product. Looking forward to hearing from you! Please let me know if you need me to clarify on anything.

3

Hi @EstherBen

You can comment this code in product listing file.
Or with css you can hide this

4

Hello Daniel,

I’m using the Dawn Theme. The thing is that I want to show my customers the discount, that’s why I don’t remove the compare price.

Thank you!!

5

Hi @EstherBen

You can do this using css or commenting the code.
Discount price will display like same. Only blue banner will removed according to my solution

6

Hello @EstherBen !

Hope you are doing well.

Please share your store URL so that I can send you the code to remove the text you want.

7

Hello Binal Savani,

its www.benguishome.com

Thank you!

1 Like
8

Hi @EstherBen

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

.card__badge {
display: none !important;
}

add this css in bottom of your css file

9

Hello @EstherBen !

To remove the discount tag from the landing page and collection page add the below CSS in the component-card.css theme file at the bottom:

.card__badge {
    display: none !important;
}

To remove the tag from the product page add the below CSS in section-main-product.css theme file at the bottom:

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

Hope this will help you out.

10

Hello @EstherBen ,

Step 1: Go to Onlint store → select appropriate theme → edit code → find file “main-product.liquid”
Step 2: Find a below code inside them

{%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}

Replace this code with below code

{%- render 'price', product: product, use_variant: true, show_badges: false, price_class: 'price--large' -%}

Now it’s hidden from product page.