Product Label order

Hey there,

Testing out all the labels active and noticed that SOLD OUT is not top of the list. In their order, it is confusing as SOLD OUT is of higher importance than the discount %. Also with a great deal of imagination one can visualize a middle finger shown for an out of stock product 😅 How can I move the labels in the following order:
1. sold out
2. discount percentage
3. new?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.out-of-stock.product-label {
	order: -1;
}

Best Regards

That did it, thank you! 🎉

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts