How to edit the way sale prices display debut

Solved
Highlighted
New Member
2 0 0

Hi, I am hoping to be able to change the order of how sale prices display on my website. I have attached a photo below of how it is currently but I would like to Move the Red text down to the next line and change the order so that "Our Price" Is displayed before the actual price.

 

I think I would be able to figure this out if I could find the code but I don't know where to look to find it.

Any help will be much appreciated.

 

Thanks

Dewy

Screen Shot 2019-05-23 at 7.20.56 pm.png

0 Likes
Highlighted
Shopify Expert
3652 549 883

This is an accepted solution.

Hi,

Follow this

1. Go to Online Store->Theme->Edit code
2. Snippet->product-price.liquid->Find "price-item__label" class and cut this span and paste above span it look like bellow:

<div class="price__sale">
    <dt>
      <span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
    </dt>
    <dd>
      <span class="price-item__label" aria-hidden="true">{{ 'products.product.on_sale' | t }}</span>
      <span class="price-item price-item--sale" data-sale-price>
        {{ money_price }}
      </span>
    </dd>
  </div>

2. Open Asset->theme.scss->paste bellow code in bottom of file

.price__sale{width:100%;}

Note: It work if you have debut theme not custom.

Let me know if you need help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
New Member
2 0 0

Thanks so much for your help, that worked perfectly!

0 Likes
Highlighted
New Member
3 0 0

Hello

I have noticed with Oberlo downloads ( from AE) the downloaded prices do not take effect of the sale price hence the price is ,ore expensive then the one appears on the AE page.

Does this code you have mentioned, help this? I will have in excess of 2000 items and this does make a difference naturally.

regards

Hakan

0 Likes