Changing The Placement Of Sale Price And Regular Price (Dawn Theme)

[Thomas942]

Hello,

How can i display the sale price first and the regular price second ?

Saw in the discussions it needed to be ask to the "Partners and Developers" Section 

Thanks,

Thomas

[sahilsharma9515]

Hi @Thomas942 

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

[Thomas942]

Of course !

Store url : https://duclens.com

Product page : https://duclens.com/products/kit-nettoyage-toilette

No password 🙂

Thanks

[sahilsharma9515]

Hi @Thomas942 Thanks for the URL, So to achieve this you need to follow the following steps:

In your theme code, you need to find the product code and then further you need to find these 2 lines of code 

"price-item price-item--regular"
"price-item price-item--sale price-item--last"

Now replace "price-item price-item--regular" with "price-item price-item--sale price-item--last" and viceversa.

after that go to theme.css/base.css/style.css file which is available in your theme and this code:

s.price-item.price-item--sale.price-item--last {
    text-decoration: none;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
6. You can add the above code at the bottom of the file.

Result:

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[Thomas942]

Hi @sahilsharma9515 !

Thanks for the reply.

Unfortunately i'm not finding the way to do this first step : 

In your theme code, you need to find the product code and then further you need to find these 2 lines of code 

"price-item price-item--regular"
"price-item price-item--sale price-item--last"

For me the thing that is close to it is this part :

Like you offered is it possible to do it for me and show me exactly what you changed so i can do it myself next time ?

Futhermore it could help me to undo it if i want too.

Thanks again for the help here,

Thomas

[sahilsharma9515]

Hi @Thomas942 Yes I would love to do it for you, you need to give access of your store so that I can look into the code and implement the code.

Also can we move this conversation from here to whatsapp or email or private message in shopify which ever is suitable for you.

Best Regards

Sahil