Switch The Position Of Original Product Price And Sale Price

Switch The Position Of Original Product Price And Sale Price

Max123456
Pathfinder
136 1 26

Hello,

 

I want to switch the position of the original price and sale price of my products.

I am on the venture theme.

gyi.JPG

Replies 8 (8)

collinsmbaka
Shopify Partner
224 27 106

Hi @Max123456 

Please send the page URL, so I can inspect and send you the CSS to switch the prices.

Cheers!

Collins Mbaka
Web Developer | Shopify Developer
Max123456
Pathfinder
136 1 26
collinsmbaka
Shopify Partner
224 27 106

@Max123456 

 

Please follow these steps;

 

1. From your Shopify admin dashboard
2. Navigate to Online stores > Themes > Select the main theme
3. Click on Actions > Edit code
4. From the code editor, search for the theme.scss.css file (You will find this in the assets folder)
5. Paste these CSS codes at the bottom of the page

.product-card__price {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
}

 

s.product-card__regular-price {
    margin-left: 8px !important;
}


6. Save and refresh the pages so check your changes

 

Collins Mbaka
Web Developer | Shopify Developer
Max123456
Pathfinder
136 1 26

Thank you so much!

Max123456
Pathfinder
136 1 26

Hey @collinsmbaka 

Reviews are not in the right section

I use the ryviu app and the reviews appear over 2 blocks

They should normally be in the white block

gjuyug.JPG

manurun
Excursionist
19 0 4

Hello, please do you know how to do it on theme dawn 11 ? thanks in advance

ashtong
Visitor
1 0 0

Hi there, would be amazing if you could share how to do this for the dawn theme. Many thanks!

Shannon3
Visitor
1 0 0

@collinsmbaka I'm looking to have my old price on the left and the new price on the right. (Which is opposite of what the original poster wanted) Can you tell me the code I would need to correct that on my site? www.agirlsgottaspa.com I'm using the Providence theme.