Shopify themes, liquid, logos, and UX
Hello, I want to switch the position of price and compare at price on my product page, I have seen similar questions and I switched the <div> price.regular and price.sale but it didn't change anything
Please help
Solved! Go to the solution
This is an accepted solution.
Hello @anzestrazar
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.price--on-sale .price__sale {
display: flex !important;
flex-direction: row-reverse !important;
}
</style>
Hey @anzestrazar,
Please provide the link to your store.
This is an accepted solution.
Hello @anzestrazar
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.price--on-sale .price__sale {
display: flex !important;
flex-direction: row-reverse !important;
}
</style>
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025