✅ Código para Agregar un Botón para Limpiar el Carrito en WooCommerce

WooCommerce, el popular plugin de comercio electrónico para WordPress, ofrece una flexibilidad excepcional para personalizar la experiencia de compra en línea. En este artículo, exploraremos una solución para un problema común: la necesidad de proporcionar a los usuarios un botón que les permita limpiar todos los productos de su carrito de compra. Utilizaremos código personalizado para lograr esto de manera efectiva.

El siguiente código tienes que agregarlo en el functions.php de tu tema hijo o utilizar un plugin como CODE SNIPPETS.

add_action('woocommerce_cart_actions', 'agregar_boton_limpiar_carrito');

function agregar_boton_limpiar_carrito() {
    echo '<a href="?limpiar_carrito=true" class="button">Limpiar Carrito</a>';
}

add_action('init', 'limpiar_carrito');

function limpiar_carrito() {
    if (isset($_GET['limpiar_carrito'])) {
        WC()->cart->empty_cart();
        wp_redirect(wc_get_cart_url());
        exit;
    }
}
Lenguaje del código: PHP (php)

La Función agregar_boton_limpiar_carrito:

El código comienza con la declaración de una función llamada agregar_boton_limpiar_carrito. Esta función utiliza el gancho woocommerce_cart_actions, que permite agregar contenido al área de acciones en la página del carrito. El contenido que agregamos es un simple enlace (<a>) que sirve como nuestro botón para limpiar el carrito.

Este enlace tiene una clase CSS button para darle estilo como un botón. Al hacer clic en este botón, se agrega un parámetro a la URL, indicando que se debe limpiar el carrito (?limpiar_carrito=true).

La Función limpiar_carrito:

La segunda parte del código aborda la lógica detrás de la acción de limpiar el carrito. Se declara otra función llamada limpiar_carrito y se vincula al gancho init. Este gancho se dispara al iniciar WordPress, y es un lugar adecuado para manejar acciones específicas.

La función limpiar_carrito verifica si el parámetro limpiar_carrito está presente en la URL. Si es así, se ejecuta la acción de limpiar el carrito. Dentro de esta acción, utilizamos WC()->cart->empty_cart() para vaciar el carrito y luego redirigimos al usuario de vuelta a la página del carrito usando wp_redirect.

Integrando Ambas Funciones para una Experiencia Fluida:

Al integrar ambas funciones, creamos una solución completa y efectiva para agregar un botón que limpie el carrito en WooCommerce. El enlace generado por agregar_boton_limpiar_carrito incluye el parámetro necesario para que limpiar_carrito realice la acción deseada. Esta implementación es elegante y eficiente, mejorando la usabilidad del carrito de compra para los usuarios.

Conclusión:

En este artículo, hemos explorado cómo agregar un botón para limpiar el carrito en WooCommerce mediante código personalizado. Al aprovechar los ganchos proporcionados por WooCommerce y WordPress, hemos creado una solución eficiente y fácil de mantener. Esta mejora no solo agrega funcionalidad al carrito de compra, sino que también ilustra el poder de la personalización que ofrece WooCommerce a los desarrolladores web. Considera implementar esta solución en tu tienda en línea para mejorar la experiencia del usuario y hacer que el proceso de compra sea más intuitivo.

Nos vemos en el siguiente tutorial.

Un saludo