Ticker

6/recent/ticker-posts

Ad Code

Responsive Advertisement

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?

Enregistrer un commentaire

0 Commentaires