Bouton Vider le panier — Guide complet
Installer, configurer et utiliser le bouton « Vider le panier » sur la page panier pour PrestaShop 8 et 9.
Présentation
Le module Bouton Vider le panier (dfclearcart) ajoute sur la page panier de votre boutique un bouton « Vider le panier » qui supprime en un seul clic l’intégralité du panier : tous les produits, leurs déclinaisons et personnalisations, ainsi que les bons de réduction appliqués. Le module est entièrement autonome : aucune dépendance Composer, aucune table SQL ajoutée.
Le bouton est injecté en JavaScript via un hook toujours présent, puis placé dans le bloc panier. Il s’affiche donc même sur les thèmes personnalisés qui ne déclenchent pas les hooks d’affichage habituels de la page panier.
Compatibilité
- PrestaShop 8.0 à 9.x
- Mono-boutique et multi-boutique
- 5 langues : FR, EN, ES, DE, IT
- Thème Classic et thèmes personnalisés
- Aucune dépendance (ni Composer ni framework)
Installation
- Dans le back-office, ouvrez Modules > Gestionnaire de modules.
- Cliquez sur Installer un module puis sélectionnez le fichier
dfclearcart.zip. - Une fois installé, cliquez sur Configurer.
À l’installation, le module enregistre ses hooks (chargement des ressources sur le front et bouton sur la page panier) et crée ses réglages par défaut : bouton activé, confirmation activée, libellés dans les cinq langues.
Configuration
- Activer le bouton : affiche ou masque le bouton « Vider le panier » sur la page panier.
- Demander confirmation : affiche une fenêtre de confirmation avant le vidage, pour éviter les clics accidentels.
- Libellé du bouton : texte affiché sur le bouton, personnalisable et traduisible dans chaque langue.
- Message de confirmation : texte de la demande de confirmation, personnalisable et traduisible dans chaque langue.
Les libellés sont des champs multilingues : sélectionnez chaque langue dans le sélecteur du champ pour adapter le texte. Les valeurs par défaut sont fournies dans les cinq langues dès l’installation.
Fonctionnement
Ce qui est supprimé
Au clic (et après confirmation si elle est activée), le module supprime tous les produits du panier — y compris leurs déclinaisons et personnalisations — puis retire tous les bons de réduction et règles panier appliqués. Le panier revient à un état totalement vide.
Rechargement automatique
Une fois le panier vidé, la page panier est rechargée automatiquement pour afficher l’état vide, sans intervention du client.
Injection indépendante du thème
Les ressources (script et style) sont chargées via le hook actionFrontControllerSetMedia, toujours appelé. Le script repère ensuite le bloc panier et y insère le bouton. Cette approche garantit l’affichage du bouton même lorsque le thème ne déclenche pas les hooks d’affichage classiques de la page panier.
Si le thème déclenche le hook displayShoppingCartFooter, le bouton y est rendu directement et le script s’y rattache sans créer de doublon.
Sécurité
Le vidage s’effectue via une requête AJAX protégée par un jeton lié au panier courant, et ne porte que sur le panier de la session en cours. Aucune autre session ni aucun autre panier n’est affecté.
FAQ et dépannage
Le bouton n’apparaît pas sur la page panier
Videz le cache de PrestaShop (Paramètres avancés > Performances) et, pendant vos tests, désactivez la combinaison/compression (CCC) et forcez la recompilation des templates. Rechargez ensuite la page panier en navigation privée. Le bouton ne s’affiche que lorsque le panier contient au moins un article.
Mon thème personnalisé n’affiche toujours pas le bouton
Le bouton est inséré dans le premier conteneur panier reconnu. Si votre thème utilise une structure très spécifique, ouvrez la console du navigateur : si l’objet dfClearCart est défini, les ressources sont bien chargées et seul le sélecteur d’insertion doit être adapté à votre bloc panier.
Le panier ne se vide qu’après un rafraîchissement manuel
Assurez-vous d’utiliser la dernière version du module : le rechargement de la page panier est déclenché automatiquement après le vidage.
Est-ce compatible PrestaShop 9 ?
Oui. Le module est compatible PrestaShop 8 et 9, en multi-boutique et multilingue, sans méthode dépréciée.