Etiqueta de agotado en lista de productos de WooCommerce

Etiqueta de agotado en lista de productos de WooCommerce

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).

¿Te ha gustado este código? Coméntalo con códigosWP:

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio