El código incorpora una etiqueta de agotado (o el texto que queramos) en la lista de productos de una tienda en WooCommerce.
PHP:
add_action( 'woocommerce_before_shop_loop_item_title', function() {
global $product;
if ( !$product->is_in_stock() ) {
echo '<span class="now_sold">Agotado</span>';
}
});
CSS:
.now_sold {
background: #d24632;
border-radius: 5px;
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 22px;
font-weight: 700;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0;
}
El contenido de este artículo es código CSS. Para insertarlo en tu sitio web puedes añadir el código en la sección "CSS Adicional" del personalizador de WordPress (Apariencia > Personalizador), o bien añadirlo en la hoja de estilos del tema hijo (child theme) que tengas activo (por lo general, en el archivo style.css).