Oferta SiteGround Black Friday

Añadir rápido al carrito eligiendo cantidad

Por defecto, WooCommerce permite añadir rápido productos al carrito desde la página de tienda o la de cualquier catálogo de productos, mediante los botones AJAX.

agregar productos rapido ajax woocommerce

Esto permite al cliente añadir productos para su compra sin que haga falta recargar la página, con lo que facilitas que se añadan varios productos de manera rápida y sencilla.

Ahora bien, el problema es que, por defecto, solo puede añadir productos uno a uno, no puede elegir añadir 2,3, 4 productos, no hay un selector de cantidades. Para eso tendría que ir a la página del producto.

Pero ¿y si el cliente pudiese elegir la cantidad y añadir varias unidades de un mismo producto al carrito de sin tener que ir a la página del producto? ¿a que facilitaría mucho la compra?

Pues mira qué fácil, solo tienes que usar este código:

/* Añadir al carrito rapido eligiendo cantidades */
add_filter( 'woocommerce_loop_add_to_cart_link', 'ayudawp_add_cart_cantidades_loop', 9999, 3 );
function ayudawp_add_cart_cantidades_loop( $html, $product, $args ) {
if ( $product->is_purchasable() && $product->is_in_stock() && $product->supports( 'ajax_add_to_cart' ) ) {
$html = '<div style="display: inline-block; margin-right: 0.2em">' . woocommerce_quantity_input( array(), $product, false ) . '</div>' . $html;
}
return $html;
}
add_action( 'woocommerce_after_shop_loop', 'ayudawp_add_cart_cantidades' );
function ayudawp_add_cart_cantidades() {
wc_enqueue_js( "
$(document).on('change','.quantity .qty',function(){
$(this).closest('li.product').find('a.ajax_add_to_cart').attr('data-quantity',$(this).val());
});
" );
}

Puedes añadir el código usando el método que prefieras: plugin, archivo de funciones, etc.

Cuando hayas guardado los cambios tus clientes podrán elegir cuántas unidades de sus productos favoritos añadir rápidamente al carrito, sin salir de la página del catálogo de la tienda. Ahora en la tienda se verá el selector de cantidades, igual que en la página de productos individuales.

selector cantidades agregar carrito rapido ajax woocommerce

Y las compras rápidas en cantidades serán más rápidas y cómodas que nunca…

No se tú, pero creo que esto debería estar activo por defecto en montones de tiendas online, personalmente me parece una funcionalidad básica ¿no crees?

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 8

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

2 comentarios en “Añadir rápido al carrito eligiendo cantidad”

Deja un comentario

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

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio