How can I move 'sale' badge to alternate position??

[PatrickCook]

hi, 

I would like to move the 'sale' badge to sit in the top left corner of the product image, instead of below the price. 

I would like to do this for the collection grids on the home page. 

thanks, Patrick. 

[Zworthkey]

Hii, @PatrickCook 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

[PatrickCook]

www.bikiniwarehouse.com.au

Thanks 🙂

[Savior · Accepted solution]

@PatrickCook 

1. Go to your store click on Actions > Edit Code

2. Assets > theme.css add below lines at the bottom of the file.

.price__badges--listing {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
}

---

If helpful then please Like and Accept Solution.

[Zworthkey]

@PatrickCook 
Paste this code on top of the theme.scss file.

.price__badges.price__badges--listing {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}

[PatrickCook]

Perfect! Thank you!

[PatrickCook]

Hi, 

Could I please ask one more request, maybe you can help?

Is it possible to make the product image in the home page collection grid alternate to the second image when the mouse is hovering over it?

Like a roll over image?

Thanks, Patrick. 

[Savior]

@PatrickCook 

Yes, it can be done but it will take a lot of code editing from admin side so you can follow the steps from Here 

Hope this will help you !!! 

For further issues please let me know !!!

---

If helpful then please Like and Accept Solution.

[PatrickCook]

Hi. The link doesn't work ?

[Savior]

@PatrickCook 

Please check now !!!

[Zoubidou75]

Hey there! 

Do you have the solution in order to put it in the right corner dear ? Thanks a lot !

[Zoubidou75]

Hey there ! 

How do you add a sub-heading to your product please ? Thanks a lot !