About product label: order, hide if are more than 3, size on mobile

Hello,

I create in product attributes a new label (like special promotion). I would like this to be the first (if exist), and then to be the %discount, new, hot…etc.
In the same rule I need to add something like: if are more than 3 labels, any other label to be hide. Are too much 4, and is hard to manually change every time.
The last question is about the same new label created in attribute. The size on desktop is more or less the same, and is ok. But on mobile, is too big. How can I setup this?

My regards,
Alin

Hello,

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

body .product-labels {
    flex-direction: column-reverse;
}

Best Regards

[Author]

Posts