How to remove sale badge and compare price on product page?

Store Design
1

So I got the sale badge removed from the main page by adding

.card__badge.bottom.left {
display: none !important;
}

  • To Base.css

But It still appers at the product page, can anyone help me to remove it from there allso?

And I would like to remove the crossed over compare price from everywhere?

I use the Sense Theme

Thank you

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.card__badge.bottom.left {
display: none!important;
}
.badge.price__badge-sale.color-accent-2 {
display: none;
}
1 Like
3

Use this code

.product__sale-badge {
    display: none !important;
}
.product__compare-price {
    display: none !important;
}
4

Thank you very much!

Where should I put this? :

.product__compare-price { display: none !important; }

5

Thank you very much!

That solves the problem with the badge.

Can you help me with removing the compare prices?
The price with the line through it?

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
s.price-item.price-item--regular {
    display: none;
}
1 Like
7

Hi @Duus

This is Richard from PageFly - Shopify Page Builder App, Iā€™d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->component-price.css

.price--on-sale .price-item--regular {
    display: none !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly