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
Compartir Articulo:
×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web