Remove the cross out price and the promotional sticker in Dawn theme

Store Design
1

Hello, I want to remove the cross out price and the promotional sticker in Dawn theme. I just want to keep the final price. Does anyone have any idea how to do this? Thanks.

2

Hi @silvia_louros ,

To remove the cross out price and the promotional sticker in Dawn theme, simply remove the “Compared at price” from your peoducts.

  1. From your Shopify admin, go to Products.

  2. Click the name of a product.

  3. In the Pricing section, delete the number in Compare at price field. If the product has several variants, you’ll need to find the Compare at price under Variants section.

  4. Click Save

AvadaCommerce_0-1661505322841.png
AvadaCommerce_0-1661505322841.png768Ă—531 22.2 KB

I hope it helps.

1 Like
3

Hi @silvia_louros

Can you share with me the page url…

1 Like
4

Alternatively, you can remove them by adding this code to your theme code:

  1. From your Shopify admin, go to Sales channel > Online Store > Themes > Action > Edit code

  2. Open the Assets/component-price.css and paste this code at the bottom of the file

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

.price--on-sale .price__badge-sale, .price--sold-out .price__badge-sold-out{
  display: none !important;
}
  1. Hit Save

I hope it helps.

1 Like
5

https://www.xquisitlab.com

6

Thank you a lot!

7

I edited the code to make it work with your theme. Please use this one instead of the previous one I shared.

  • Paste this under the Assets/section-main-product.css
.price--on-sale .price-item--regular{
  display: none !important;
}
  • And paste this code under Assets/component-price.css
.price--sold-out .price__badge-sold-out, .price--on-sale .price__badge-sale
.price--on-sale .price-item--regular{
  display: none !important;
}
8

This was the only way it worked for me and thank god!