Debut Theme: Change Position Sales Price & Compare At Price

Solved
Highlighted
New Member
2 0 0

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.

Screen Shot 2020-08-06 at 9.15.27 pm.png

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 : 

Screen Shot 2020-08-07 at 10.01.31 am.png

 

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 : 

Screen Shot 2020-08-06 at 9.34.26 pm.png

 

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.

0 Likes
Highlighted
Shopify Partner
1023 214 463

@DoctorSpine 

 

You need to change code in two files:

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

product-price-code.png

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

 

Cheers,

Tejas

 

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
New Member
2 0 0

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

Screen Shot 2020-08-07 at 5.51.52 pm.png


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

--- Deleted ---- 

 

  

Screen Shot 2020-08-07 at 5.56.14 pm.png

  

 

Screen Shot 2020-08-07 at 5.55.52 pm.png

 

 

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

0 Likes
Highlighted
Shopify Partner
1023 214 463

@DoctorSpine 

 

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

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Shopify Partner
1023 214 463

This is an accepted solution.

@DoctorSpine 

 

Change the code order as showing on the screenshot:

pro-priice.png

 

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Tourist
6 0 0

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 

Bercshop_0-1597132731511.png

 

0 Likes
Highlighted
Shopify Partner
1023 214 463

@Bercshop 

 

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

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Tourist
6 0 0

hello bro, i accept you request

0 Likes
Highlighted
Shopify Partner
1023 214 463

@Bercshop 

 

I moved both price position. Please check it now!

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Tourist
6 0 0

wow men muchisimas gracias. eres el mejor.!

 

0 Likes