Elegir la cantidad de un producto al comprar

Tiempo estimado de lectura: 3 minutos

 

Dar la opción de elegir la cantidad de un producto al comprar en WooCommerce

En esta ocasión veremos un código muy útil que nos permitirá elegir la cantidad de un producto al comprar. Es decir, cuando estamos viendo un producto, añadir una opción que nos permita elegir el número de unidades que queremos comprar de ese artículo.

Utilizaremos un código un poco completo, pero como siempre, si copias y pegas tal cual te lo muestro, no tendrás ningún problema, así que…

¡Vamos a ello!.

Código que vamos a utilizar para elegir la cantidad de un producto al comprar

Como esta opción de poder aumentar y disminuir cantidades, es una opción que debe estar presente en todos los artículos de la tienda, el código que utilicemos tenemos que colocarlo en el sitio donde se muestren los artículos, y esto es ni más ni menos que en el llamado loop de WooCommerce.

/**
* Sobrescribir la plantilla del loop de WooCommerce para mostrar cantidades a añadir al carrito */
add_filter( 'woocommerce_loop_add_to_cart_link', 'quantity_inputs_for_woocommerce_loop_add_to_cart_link', 10, 2 );
function quantity_inputs_for_woocommerce_loop_add_to_cart_link( $html, $product ) {
if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
$html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="cart" method="post" enctype="multipart/form-data">';
$html .= woocommerce_quantity_input( array(), $product, false );
$html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
$html .= '</form>';
}
return $html;
}

Como puedes ver, el código es un poco complicado, pero lo que tienes que saber es cómo funciona. En principio se crea un filtro (woocommerce_loop_add_to_cart_link) , este filtro se utiliza para crear las cantidades. A continuación se crea una función (quantity_inputs_for_woocommerce_loop_add_to_cart_link) que comprueba si existe un producto, si existe, comprueba que tipo de producto es, si se puede comprar o no… y otra serie de parámetros del producto.

Si se cumplen todas las comprobaciones anteriores, entonces se mostrará en el loop de WooCommerce, la opción de añadir las cantidades de producto elegidas, justo antes del botón de Comprar.

Dónde tenemos que colocar este código

Ya sabes que tenemos varios sitios donde podemos colocar códigos en WordPress, pero yo siempre te recomiendo hacerlo en tu plugin de snippets.

 


¿Te ha servido este artículo?, LLÉVATELO A UNA GALAXIA MUY MUY LEJANA 0
¿Qué te ha parecido el artículo?. Házmelo saber en los comentarios que tienes más abajo. Estoy deseando leerte.

Por último, si crees que este artículo puede ser interesante para algún amigo tuyo, te agradecería enormemente que lo compartieras con él y con todo el mundo a través de las Redes Sociales.

Puntúa este artículo:
[Total: 0 - Promedio: 0]

Puede que también te interese...

Deja una respuesta

Información básica sobre protección de datos
Responsable: Jose González Bueno.
Finalidad: Moderación y publicación de comentarios.
Destinatarios: No se comunican datos a terceros, salvo por imperativo legal.
Derechos: Tienes derecho a acceder, rectificar, exportar y suprimir tus datos.

Tu dirección de correo electrónico no será publicada.

He leído y acepto la política de privacidad de este sitio. *