How to swap the positions of these two prices?

Solved

How to swap the positions of these two prices?

CRART
Excursionist
38 0 9

How to swap the positions of these two prices?

PixPin_2025-01-12_15-42-00.png

Accepted Solution (1)

Moeed
Shopify Partner
7470 2021 2481

This is an accepted solution.

Hey @CRART 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.price__sale {
    display: flex !important;
    flex-flow: row-reverse !important;
}
</style>

RESULT:

Moeed_0-1737007343689.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 6 (6)

ellethecoder
Shopify Partner
9 0 1

Hi @CRART - could you share which Shopify Theme you are using, and a link to your store?  🙂

Elle the Coder | Need a developer? I know Shopify inside out – let's make it work the way you want! ellethecoder@gmail.com

If this resolved your issue, please consider giving it a Like or marking it as the Accepted Solution! ☺
CRART
Excursionist
38 0 9

sense,crartcase.com.thanks

Moeed
Shopify Partner
7470 2021 2481

This is an accepted solution.

Hey @CRART 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.price__sale {
    display: flex !important;
    flex-flow: row-reverse !important;
}
</style>

RESULT:

Moeed_0-1737007343689.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


CRART
Excursionist
38 0 9

thanks

Moeed
Shopify Partner
7470 2021 2481

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
851 176 190

Hello @CRART 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-price.css
add this code at the end of the file and save.

.price--on-sale .price__sale {
display: flex;
flex-direction: row-reverse;
}

result
147.png

If this was helpful, hit the like button and accept the solution.
Thanks

 

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh