fbpixel

Leyenda Agotado en Imagen de Producto

Hola. Alguien sabe como puedo hacer ya sea con un snippets o en el ccs, que en la tienda se les agregue una Leyenda de “Agotado” en la imagen en el caso que no haya stock?
Gracias.

Algo asi?

o tambien con este codigo:

En Functions.php:

//Add an out of stock overlay to product images when all variations are unavailable
add_action( 'woocommerce_before_shop_loop_item_title', function() {
global $product;
if ( !$product->is_in_stock() ) {
echo '<span class="sold-out-overlay">Agotado</span>';
}
});

en CSS:

.sold-out-overlay {
background: #654ea3; 
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 5px 10px;
position: absolute;
right: 50px;
top: 10px;
}
3 Me gusta

SI, hace 30 minutos encontré el plug-in y como es gratuito y pequeño ya lo instale y funciona muy bien. gracias por contestar.