i need to display out of stock like this https://ibb.co/jgGBqyV
This topic has 15 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Giffy Exclusive Store
i need to display out of stock like this https://ibb.co/jgGBqyV
Hello,
By default, our out-of-stock label looks different, but we can try to use custom CSS code to help you. Provide URL of page with this label, please.
Regards
check this product : Royal Canin Veterinary Urinary S/O Adult Dry Dog Food – 2 kg
As I can see, the “out of stock” label is there, but it is not our label, but one that comes from an additional plugin. Contact support of that plugin to get assistance.
Regards
this link is not an our site, this is an my competitor site, site build on shopify
We need URL of site where our theme is activated and “out of stock” products persists (Enable “Out Of Stock” Label in Theme Options > WooCommerce > Shop elements).
Regards
check
Try to use the next custom CSS code:
.content-product .stock, .content-product .available-on-backorder {
left: 41px !important;
color: white;
background-color: #141414;
top: 30px;
font-size: 13px;
line-height: 21px;
padding: 3px 6px;
text-transform: capitalize;
}
.content-product p.stock.out-of-stock:before {
display: none;
}
Regards
its ok for out of stock label
need to display sold out disbaled button below the product instead of read more like this : https://ibb.co/jgGBqyV
Hello,
Provide URL of your site, that uses our theme, where we will be able to see the mentioned “Read more” buttons.
Regards
Try to use this custom CSS code:
.outofstock .content-product .button {
background-color: grey;
font-size: 0px !important;
}
.outofstock .content-product .button:after {
content: "SOLD OUT";
display: inline-block;
font-size: 14px;
}
.outofstock .content-product .button:before {
margin-right: 0px !important;
}
Regards
thanks for you help
check : https://www.giffypetshop.com/product-category/cats/?filter_brand=royal-canin
product : Royal Canin Fit 32 Adult Dry Cat Food
in this product 2kg product in stock, 4 kg product out of stock, when we select 4kg it display read more , need to change this text into sold out and also out of stock label not display over the image
Change this code http://prntscr.com/10w204d to
.outofstock .content-product .button,
.content-product .st-swatch-btn-readmore {
background-color: grey;
font-size: 0px !important;
}
.outofstock .content-product .button:after,
.content-product .st-swatch-btn-readmore:after {
content: "SOLD OUT";
display: inline-block;
font-size: 14px;
}
.outofstock .content-product .button:before,
.content-product .st-swatch-btn-readmore:before {
margin-right: 0px !important;
}
The label can’t be displayed in this case.
Regards
thanks for your help
The issue related to '‘display out of stock’' has been successfully resolved, and the topic is now closed for further responses