Hola, me gustaría que me pudiera mostrar AGOTADO cuando un producto esté agotado por completo en todas sus tallas.
Por ejemplo, pongo esta blusa en trasnparencia
https://zoeandlu.com/producto/blusa-en-trasparencias-2/
Las tres tallas están agotadas, pero en el catálogo quieren que se siga mostrando el producto pero que las personas vean que está agotado.
Y lo que quiero es que sin necesidad de ingresar al producto, ya desde el catálogo general se vea agotado:
www.zoeandlu.com (es el primero en la tercera línea)
Gracias
Contenido solo visible a usuarios registrados
Hola Francisco,
Especificamente lo que quieres es posible que requiera programación a medida, sin embargo he encontrado dos códigos que quedan de tu parte el si lo aplicas.
1- Muestra un texto en la lista de productos indicando que esta Agotado:
function wcbv_variation_is_active( $active, $variation ) {
if( ! $variation->is_in_stock() ) {
return false;
}
return $active;
}
add_filter( 'woocommerce_variation_is_active', 'wcbv_variation_is_active', 10, 2 );
2- Al momento de ingresar a un producto que esta agotado no es posible hacer clic en las variaciones (desactiva el mouse hover y deja el botón en gris)
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_stock', 10 );
function woocommerce_template_loop_stock() {
global $product;
if ( ! $product->managing_stock() && ! $product->is_in_stock() )
echo '<p class="stock out-of-stock">Agotado</p>';
}
La unión de ambos códigos es posible que sean algo cercano a lo que necesitas, para agregar estos puedes instalar el complemento de https://es.wordpress.org/plugins/code-snippets/, y agregarlos cada uno en un fragmento de código diferente no ambos juntos.
Un saludo 🖐️
@argenis Muchas gracias funcionó como lo quería. Excelente respuesta, clara y precisa para apoyar. Saludos.
me quedó sólo una duda, cómo puedo hacer que cambie el color de Agotado junto con la carita triste? Por ejemplo para que se vea Rosa Neón: #e66189
gracias.
Hola Francisco,
En este caso puedes incorporar el siguiente css:
.stock.out-of-stock {
color: #e66189 !important;
}
Puedes hacerlo directamente en Apariencias > Personalizar > Css Adicional.
Un saludo 🤓 🖐️