Dear,
I need to set up Out of stock label for my products, that are sold out. How to make this in your template? For example this product is Sold out: http://bit.ly/2S5rlQm
How to display tag, like “NEW” for Out of stock?
|
|
Hi,
We see you already have the label displayed in the product listing (category page). By display, do you mean “styling”?
https://i.imgur.com/B95L7Qr.png
.tb_grid_view .product-thumb > .image + div {
position: static;
overflow: visible;
}
.tb_grid_view .product-thumb .tb_label_stock_status {
position: absolute;
z-index: 2;
top: 0;
right: 0;
margin: 0 !important;
padding: 0 5px;
color: #fff;
background: red;
opacity: 1;
}
Using this extra CSS will style the text as a image overlay label.
BR,
ThemeBurn team
|
|
Thank you, now working fine.
|
|
Glad we’ve helped! If you like Technopolis, we will be happy to leave your review and rating in ThemeForest rating section:
https://themeforest.net/downloads
BR,
ThemeBurn team
|
|