Tout ce que vous voudriez savoir avant d'installer.
Un regard détaillé sur le fonctionnement de Boutons +/- de Quantité sur la Fiche Produit — PrestaShop 8 & 9, pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.
Pourquoi remplacer le champ quantité natif ?
Sur la fiche produit, PrestaShop affiche un petit champ nombre que le client doit remplir au clavier ou via de minuscules flèches difficiles à viser, en particulier au doigt sur smartphone. C'est un point de friction juste avant l'ajout au panier. De vrais boutons + et −, larges et bien visibles, rendent le choix de la quantité immédiat et naturel, sur ordinateur comme sur mobile.
Comment fonctionne le module
Le module ne touche à aucun fichier de thème. Il charge une feuille de style et un script léger uniquement sur la fiche produit. Le script repère le champ quantité existant, l'encapsule dans un groupe de boutons et ajoute un + et un −. Cette approche par injection le rend compatible avec le thème Classic comme avec les thèmes personnalisés, et le préserve des mises à jour de PrestaShop puisqu'aucun template n'est surchargé.
Le cas du thème Classic et de bootstrap-touchspin
Le thème Classic enrichit déjà le champ quantité avec bootstrap-touchspin, qui ajoute deux petites flèches verticales. Sans précaution, on se retrouverait avec ces flèches en plus des nouveaux boutons. Le module neutralise proprement les flèches touchspin à l'intérieur de son propre groupe, pour ne conserver que les + et − bien lisibles, sans doublon ni décalage de mise en page.
Une synchronisation fiable avec le panier
Changer la quantité ne suffit pas : encore faut-il que PrestaShop en tienne compte. À chaque clic, le module applique la nouvelle valeur puis déclenche les événements attendus, à la fois natifs et jQuery, exactement comme si le client avait tapé le nombre. Le prix total, les déclinaisons et le bouton d'ajout au panier réagissent normalement. Après un changement de déclinaison, qui reconstruit le bloc quantité, les boutons sont automatiquement réinjectés.
Respect du stock et des contraintes produit
Les boutons ne se contentent pas d'incrémenter aveuglément : ils lisent la quantité minimale, la quantité maximale et le pas définis sur le champ. Le client ne peut pas descendre sous le minimum requis ni commander au-delà du stock disponible lorsque celui-ci est borné. Le comportement reste cohérent avec les règles de votre boutique.
Personnalisation sans code
Depuis la page de configuration du module, vous choisissez le style des boutons (carré ou arrondi), la couleur de fond et la couleur des icônes + et −, et vous décidez de masquer ou non les flèches natives du champ nombre. Le module s'intègre ainsi visuellement à votre charte, sans écrire la moindre ligne de code.
Il n’y a pas encore d’avis.