MAGENTO 2 · PANIER · QUANTITÉ DE PRODUITS · AJAX
Kowal Plus/Minus Quantity Buttons
Ajoutez des boutons plus et moins aux champs de quantité du panier standard. Après un changement, actualisez le formulaire, le mini-panier et le récapitulatif des montants avec les mécanismes AJAX de Magento.
Plus et moins · Actualisation des montants · Réinitialisation des boutons
COMMENT CELA FONCTIONNE EN PRATIQUE
01 · Le client modifie la quantité
Il utilise les boutons ou modifie le champ qty.
02 · Le panier envoie une mise à jour
Un bref délai regroupe les changements rapides dans une seule requête.
03 · Les données sont actualisées
Le formulaire, le mini-panier et le récapitulatif affichent les nouvelles valeurs.
Découvrez les fonctionnalités, les usages et les paramètres du module.
Ce module enrichit le panier standard Magento 2 avec un contrôle intuitif de la quantité de produits :
Boutons + / − pour la quantité – l’utilisateur n’a pas besoin de cliquer dans un petit champ ni de saisir le nombre manuellement.
Recalculs automatiques AJAX après modification de la quantité :
actualisation du formulaire du panier,
actualisation du mini-panier (customerData),
actualisation du récapitulatif / totals (getTotalsAction),
le tout sans rechargement de la page.
Stabilité après actualisation du DOM – après le remplacement du HTML du panier, les boutons sont réinitialisés.
Design moderne en forme de pilule – le contrôle ressemble à un élément unique et cohérent (moins | quantité | plus), adapté à la plupart des thèmes.
Résultat : le client finalise son achat plus rapidement, tandis que le panier se comporte comme une application plutôt que comme une page classique avec formulaire.
Dans Stores → Configuration → Kowal → Update Cart After Qty Change → Settings, activez Enable. Le mécanisme démarre sur le panier standard et concerne les boutons comme la modification manuelle de la quantité.
La mise à jour utilise le formulaire form-validate, la section customerData cart et getTotalsAction. Après le remplacement du formulaire, les boutons sont réinitialisés sans doubler les contrôles.
Les boutons modifient la quantité de 1. Le script lit les valeurs min et max du champ, utilise un minimum de 1 par défaut et arrondit à un entier. La vente en fractions ou avec un pas personnalisé nécessite une adaptation.
Un debounce de 150 ms limite les requêtes lors de changements rapides. Magento continue de vérifier le stock, les quantités autorisées et les autres conditions de commande.
Le module repose sur RequireJS, jQuery et le HTML standard du panier. Vérifiez l’apparence du contrôle et les sélecteurs du formulaire dans votre thème. Le dépôt ne contient pas d’adaptateur Hyvä distinct pour ce paquet.
Les boutons concernent les champs du panier standard ; l’actualisation du mini-panier n’y ajoute pas le même contrôle. Le délai de recalcul dépend de la réponse de la boutique et du réseau.
Package kowal/module-updatecartafterqtychange, module Kowal_UpdateCartAfterQtyChange. Après avoir configuré l’accès au dépôt Kowal, installez le package, activez le module, mettez Magento à jour et videz le cache. En production, prévoyez la compilation et le déploiement du contenu statique conformément au processus de la boutique.
1. Le client modifie la quantité
Il utilise les boutons ou modifie le champ qty.
2. Le panier envoie une mise à jour
Un bref délai regroupe les changements rapides dans une seule requête.
3. Les données sont actualisées
Le formulaire, le mini-panier et le récapitulatif affichent les nouvelles valeurs.
Le client appuie sur plus à côté du produit. Le module augmente la quantité et lance la mise à jour du panier, puis actualise les montants et le mini-panier.
Il n’a pas à recharger manuellement la page. L’acceptation finale de la quantité et la disponibilité du produit dépendent toujours des règles Magento.
Vous souhaitez adapter le module à votre boutique ? Demandez le déploiement de Kowal Plus/Minus Quantity Buttons et discutez de la configuration ou des extensions nécessaires.
| Compatibilité avec le modèle | Luma / Blank, KOWAL |
|---|
Les données d’accès au dépôt Composer (adresse e-mail du client et jeton de licence) vous seront envoyées par e-mail après l’achat. Elles sont également disponibles dans l’espace client après connexion sur kowal.store. Remplacez TWOJ_EMAIL_KLIENTA par l’adresse e-mail de votre compte et TWOJ_TOKEN par le jeton reçu. Exécutez les commandes dans le répertoire racine de Magento.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
composer require kowal/module-updatecartafterqtychangeAprès l’installation du package, exécutez la mise à jour de Magento et videz le cache :
php bin/magento setup:upgrade
php bin/magento cache:flushEn environnement de production, effectuez également la compilation DI et le déploiement des fichiers statiques conformément au processus de déploiement de la boutique.
Sur toursport.pl, nous avons déployé un contrôle de quantité + / − dans le panier, car les utilisateurs modifiaient souvent les quantités (p. ex. vêtements/tailles, accessoires, lots) et la saisie manuelle des valeurs ralentissait le processus.
Problème :
les clients modifiaient les quantités « en plusieurs fois »,
certains utilisateurs sur mobile avaient du mal à cliquer précisément dans le champ qty,
après une modification de quantité, ils s’attendaient à un recalcul immédiat des totaux et du mini-panier.
Solution :
nous avons ajouté des boutons +/− intuitifs au format pilule,
nous avons activé des recalculs AJAX sans rafraîchissement de la page (totaux + mini-panier),
nous avons adapté le style à la mise en page du panier afin que le contrôle ressemble à une partie native du thème.
Impact business (pratique) :
modification plus rapide du panier,
moins de frustration sur mobile,
un panier plus « applicatif » → une meilleure expérience d’achat.
