How do I change the price order

Solved
RobMoore007
Explorer
122 1 12

How can I have the original price appear before the sale price please?

https://auchterlonies-com.myshopify.com/collections/all-shirts

paswd: awskob

Screen Shot 2021-05-05 at 19.01.23.png

Regards
Rob Moore - NEWBY!!
0 Likes
Propero
Shopify Partner
761 89 128

@RobMoore007 

You can do this change in your theme, it should mostly be inside product-grid.liquid file or similar file depending on the theme you are using

look for the following piece of code

<span class="product-thumbnail__price price sale"> 
<span class="money">
  £37.99</span> 
<span class="product-thumbnail__was-price was-price"> 
<span class="money">
  £39.99</span>RRP</span>
</span>

Change the order of elements 

<span class="product-thumbnail__price price sale"> 
<span class="product-thumbnail__was-price was-price"> 
<span class="money">
  £39.99</span>RRP</span>
<span class="money">
  £37.99</span> 
</span>

You may not see the price as it is so look for class name to identify
- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes
Natztech
Shopify Partner
858 232 634

This is an accepted solution.

hello @RobMoore007

please Go to Online Store->Theme->Edit code then go to style.css ->paste below code at the bottom of the file.  

 #shopify-section-collection__main .product-wrap .product-thumbnail__price{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
RobMoore007
Explorer
122 1 12

Thank you this worked a treat

Regards
Rob Moore - NEWBY!!
0 Likes