Un dedicado «Carro vacíoEl botón puede optimizar significativamente el viaje del cliente en su sitio web de WooCommerce.
Sí, puede cambiar manualmente las cantidades del producto a 0 en la página del carrito, o hacer clic en el icono «eliminar el elemento» para cada producto … pero tener un botón que pueda hacer todo lo que podría ser un ahorro de tiempo, especialmente para los clientes B2B WooCommerce.
Esta publicación lo guiará a través de la creación de un botón de carrito vacío personalizado. Cubriremos una solución basada en código que usa jQuery para escuchar los clics y AJAX para activar la función del carrito vacío.
¡Disfrutar!
Php Snippet: carro vacío de WooCommerce al hacer clic en el botón personalizado
Una nota antes de copiar y pegar el código a continuación.
Yo uso el «wooCommerce_proced_to_checkout«Hacer un botón para hacer eco de un botón sobre el botón» Proceda a pagar «. Esto funciona para el carrito clásico pero no para el bloque de carrito.
En caso de que use el bloque de carritoelimine el botón Echo según el comentario del fragmento a continuación, e intente usar «wp_footer» en lugar de «wooCommerce_proced_to_checkout«. O usar el Guía de gancho visual de bloque de carrito Para lograr algo similar sin agregar un botón a mano.
/** * @snippet Custom WooCommerce Empty Cart Button * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @testedwith WooCommerce 9 * @community https://businessbloomer.com/club/ */ add_action( 'woocommerce_proceed_to_checkout', 'bbloomer_empty_cart_button_and_listener', 21 ); function bbloomer_empty_cart_button_and_listener() { // IF YOU ARE USING THE CART BLOCK, REMOVE THE FOLLOWING LINE // AND ADD A BUTTON WITH THE "empty-button" CLASS INSTEAD echo 'Empty Cart'; wc_enqueue_js( " $('.empty-button').click(function(e){ e.preventDefault(); $.post( '" . '/wp-admin/admin-ajax.php' . "', { action: 'empty_cart' }, function() { location.reload(); }); }); " ); } add_action( 'wp_ajax_empty_cart', 'bbloomer_empty_cart' ); add_action( 'wp_ajax_nopriv_empty_cart', 'bbloomer_empty_cart' ); function bbloomer_empty_cart() { WC()->cart->empty_cart(); }
