Debut Theme: Change Position Sales Price & Compare At Price

[DoctorSpine]

Hey there, 

I'm using debut theme

and am currently trying to change the position of my "Sales" price and the "Regular/ Compare at" price.



So I would basically like to have it in following order : 

1. Regular/compare at price

2. Sales price

3. Sales badge

Something like that : 

I've tried several things, such as a code from a similar topic at the end of my theme.scss.liquid file 

.PRICE__REGULAR {
ORDER: 2;
}
.PRICE__SALE {
ORDER: 1;
}

But it did not really work, rather make it look like this : 

So basically the opposite of what I want.

Also tried it on a plain debut, without the currency converter, got the same result anyways.


Looking forward to an answer to this.

[Tejas_Nadpara]

@DoctorSpine 

You need to change code in two files:

• product-price.liquid
• product-price-listing.liquid

Just change the order of that code and save the file.

Cheers,

Tejas

[DoctorSpine]

@Tejas_Nadpara 

Hey mate, thanks for the reply, however, for some reason it does not work.

I deleted the code from the theme.scss.liquid file, and swapped position of the codes in the product-price.liquid  and product-price-listing.liquid file and still does not change anything.


See below what I changed.
 

.PRICE__REGULAR {
ORDER: 2;
}
.PRICE__SALE {
ORDER: 1;
}

--- Deleted ---- 

  

  

swapped position of the 2 codes, or did I do anything wrong?

[Tejas_Nadpara]

@DoctorSpine 

 Send me your store URL so I can check and assist you better.

Thank you,

Tejas

[Tejas_Nadpara · Accepted solution]

@DoctorSpine 

Change the code order as showing on the screenshot:

Cheers,

Tejas

[Bercshop]

Hi, I just have the same problem and I don't know how to make the regular price come out before the final price. 

this is the url 

https://superbrands24.com 

[Tejas_Nadpara]

@Bercshop 

I sent you request for the Shopify collaborate account, accept it so I can move both price.

Thank you,

Tejas

[Bercshop]

hello bro, i accept you request

[Tejas_Nadpara]

@Bercshop 

I moved both price position. Please check it now!

Thank you,

Tejas

[Bercshop]

wow men muchisimas gracias. eres el mejor.!