Si vous gérez une boutique en ligne en utilisant WooCommerce, vous savez combien il est important de rendre les achats faciles et agréables pour vos clients. Dans le panier il peut être intéressant d’offrir à vos clients la possibilité de vider leur panier rapidement.
Pourquoi ajouter un bouton pour vider le panier de WooCommerce ?
L’ajout d’un bouton pour vider le panier dans WooCommerce facilite les achats pour vos clients. Au lieu de retirer les articles un par un, ils peuvent effacer leur panier en un seul clic. Cela améliore l’expérience d’achat, permet de gagner du temps et de réduire la frustration.
Si on cherche cette fonction dans le répertoire des extensions sur WordPress.org on ne trouve pas grand chose, une extension est encore visible mais elle n’est plus téléchargeable. Certaines extensions de page de panier pour WooCommerce proposent cette fonction. Je vous propose d’utiliser un snippet PHP pour ajouter un bouton « vider le panier » sur votre page de panier, quelque soit la solution utilisée (ou le thème).
Comment ajouter un bouton pour vider le panier de WooCommerce ?
L’ajout d’un snippet PDP dans votre site peut ce faire de 2 façons :
- Via le fichier functions.php si vous utilisez un thème enfant
- Avec l’extension Code Snippets
Voici le code du snippet PHP à intégrer :
// AJOUTER BOUTON VIDER LE PANIER
add_action( 'woocommerce_cart_actions', 'ecommercehints_empty_cart_button' ); // Créer le bouton
function ecommercehints_empty_cart_button() {
echo '<a href="' . esc_url( add_query_arg( 'empty_cart', 'true' ) ) . '" class="button vider_panier" title="Vider le panier"' . esc_attr( 'Vider le panier', 'woocommerce' ) . '">' . esc_html( 'Vider le panier', 'woocommerce' ) . '</a>';
}
add_action( 'wp_loaded', 'ecommercehints_empty_cart_button_empty_cart_action', 20 ); // Vider la panier si le bouton est cliqué
function ecommercehints_empty_cart_button_empty_cart_action() {
if ( isset( $_GET['empty_cart'] ) && 'true' === esc_html( $_GET['empty_cart'] ) ) {
WC()->cart->empty_cart();
$referer = wp_get_referer() ? esc_url( remove_query_arg( 'empty_cart' ) ) : wc_get_cart_url();
wp_safe_redirect($referer);
}
}Copiez tout le code avec son intitulé et collez-le dans votre fichier functions.php (l’ordre n’a pas d’importance), ou collez-le dans un nouveau snippet PHP dans l’extension idoine et enregistrez-le et activez-le.
Vous verrez le bouton apparaître dans votre page du panier WooCommerce comme ci-dessous (ici avec le thème Hello Elementor).
Bonne installation et utilisation.
Source : key2blogging, Code Snippets.
