WooCommerce : Shortcode mostrar el stock en la lista de productos
Fecha Publicación:
22 de Julio de 2024
Fecha Modificación:
22 de Julio de 2024
Con este shortcode se mostrara el stock en la página de tienda, página de categoría de productos, o cualquier sección que muestre una lista de productos.
//Shortcode para mostrar stock
add_action( 'woocommerce_after_shop_loop_item_title', 'show_stock_quantity_shortcode' );
function show_stock_quantity_shortcode() {
global $product;
if ( $product->is_in_stock() ) {
echo '<div class="stock" >' . $product->get_stock_quantity() . ' en stock</div>';
} else {
echo '<div class="out-stock" >No hay stock</div>';
}
}
Podrías cambiar el hook para mostrarlo en otra posición dentro de la ficha de producto, revisa esta guia visual de los hooks disponibles.
Código CSS Complementario
Este es un código opcional que puedes agregarlo al archivo style.css de tu tema hijo
li.product .out-stock,
li.product .stock {
font-weight: bold;
background-color: yellow;
max-width: 120px;
margin: 10px auto;
color: black;
}
li.product .out-stock {
background-color: lightcoral;
}


Referencia :
https://decodecms.com/mostrar-el-stock-en-la-lista-de-productos-de-woocommerce/
Articulo : 614 - Veces Leidas