Switch The Position Of Original Product Price And Sale Price

Store Design
1

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

1 Like
2

Hi @Max123456

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

Cheers!

3

@collinsmbaka https://www.only-for-sport.com/

4

@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;
}
  1. Save and refresh the pages so check your changes
2 Likes
5

Thank you so much!

6

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
gjuyug.JPG642×297 13.8 KB

7

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

1 Like
8

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

9

@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.