Normally we will not support custom theme for any issues but you are a kind customer, so I helped you to add this code to the template file in module Solwin/Soldout.
I also make some custom style, you can follow it to adjust to suit what you want (color, size, position):
Because the displaying "Sold Out" label is function of module Solwin/Soldout. So i added custom style to hidden "Out of Stock" label (label of our theme)
Hello,
Labels are not showing "New, Soldout (i have it added as an extension", Sale".
I have also visited public tickets and it seems that the same issue happened with others, and you still haven't replied to them.
Please advise.
Hello mohammad,
Thanks for your ticket,
I found that your category pages are using template in module Solwin/Soldout. Look image attached,
They are not using file of our theme, so that is why the label is not displayed
Thank you,
Thank you for your answer.
I have installed the sold out label extension because you dont have it, and now we have this issue.
I need to show the "New" "Sale" and "Sold out" labels, now what is the best solution to achieve this?
/
Hello mohammad,
Normally we will not support custom theme for any issues but you are a kind customer, so I helped you to add this code to the template file in module Solwin/Soldout.
I also make some custom style, you can follow it to adjust to suit what you want (color, size, position):
.product-item-info .product-label {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 3px;
line-height: 20px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
color: #fff;
}
.product-item-info .new-label {
background-color: #4d772d;
z-index: 5;
padding: 5px 22px;
top: 27px;
left: 5px;
}
.product-item-info .sale-label {
background-color: #4d772d;
z-index: 5;
padding: 5px 20px;
top: 27px;
right: 5px;
}
Hope it is helpful to you,
Thank you,
Thanks a lot.
1- Sold out label still doesnt show, check this item to see https://magento3.znbaq.com/hap0022.html
2- also, other labels should show everywhere (ex. product page), but it only appears on category page, please fix it.
3- I have also found that availability status doesnt show also on product page, please check
Hello mohammad,
I add label to product page, Please use this custom style to change it like you want
.product.media .product-label {
display: inline-block;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
line-height: 20px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
color: #000;
z-index: 5;
padding: 5px 22px;
top: 20px;
right: 5px;
}
.product.media .new-label {
background-color: #4d772d;
}
.product.media .multiple-label {
background-color: #4d772d;
z-index: 5;
padding: 5px 21px;
right: 45px;
left: auto;
}
.product.media .sold-out-label {
background-color: #f8c233;
padding: 5px 20px;
top: 47px;
}
The design of supro theme do not show "availability status". Please check on theme demo.
http://themes.magesolution.com/supro/en/metallic-frame-glasses-trendy.html
Thank you,
1- Availability is in your theme and the attachment is a screenshot from your theme.
open this link to see that it is not showing on my website: https://magento3.znbaq.com/test.html
2- Labels are still not showing, can you share some screenshots from my website showing that it is added?
Hello,
Any updates here ?
Hello mohammad,
I am still working to check this issue, Please give me more time.
Thank you,
Appreciated, I am waiting for the updates.
Thank you.
Hello mohammad,
Finally, I tried my best.
This issue is fixed. Please check to see result
Thank you,
Hello,
All appreciated. Thank you very much.
The 2 issues now considered fixed.
Now please follow up on the rest of the tickets please.
This ticket is closed.
Hello mohammad,
Thank you, I will try to check the rest of your issue.
Hello,
For this page, labels are duplicated, please check
https://magento3.znbaq.com/for-her
Hello mohammad,
Because the displaying "Sold Out" label is function of module Solwin/Soldout. So i added custom style to hidden "Out of Stock" label (label of our theme)
Thank you,
if you have the out of stock label in your theme, use it and disable the extension , this is better.
Hello mohammad,
You can disable that extension, and remove custom style i added in MGS/Theme setting/Custom style/Add custom style
span.product-label.sold-out-label {
display: none;
}
Thank you,
I followed your instructions but still label not showing and check as an example the attachment.
Hello mohammad,
Please check it again, you need remove custom style in correct store view.
Thank you,
please do it and check. Remove what should be removed.
Hello mohammad,
Please clear all cache (include browser cache) and check it again.
Thank you,
on category page it works, for the related products by brand on product page it doesn’t show.
Hello mohammad,
I added it for you. Please check it again
Thank you,
thank you.
Consider this ticket closed.