Hello, how do I get the ‘Sold Out’ message back on the product catalog? See photo
This topic has 2 replies, 2 voices, and was last updated 4 months, 3 weeks ago ago by Alex Carter
Hello, how do I get the ‘Sold Out’ message back on the product catalog? See photo
Hello,
Thank you for reaching out to us.
If you are using the Archive Product Builder with Elementor, kindly ensure that the option to display stock status is enabled. You can refer to the following screenshot for guidance: https://prnt.sc/VjiOOm_Jo99w
Then add the next code in Theme Options > Theme Custom CSS > Global:
.etheme-product-grid-item .stock.out-of-stock {
position: absolute;
text-align: center;
background-color: rgba(255, 255, 255, .9);
z-index: 1;
margin-bottom: 0;
font-size: .85rem;
text-transform: uppercase;
color: var(--et_dark-color);
left: 50%;
top: -200%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 7px 14px;
}
Warm Regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up