Alles, was Sie wissen sollten bevor Sie installieren.
Ein detaillierter Blick darauf, wie Mengen-Buttons +/- auf der Produktseite — PrestaShop 8 & 9 funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.
Warum das native Mengenfeld ersetzen?
Auf der Produktseite zeigt PrestaShop ein kleines Zahlenfeld an, das der Kunde über die Tastatur oder winzige, schwer zu treffende Pfeile ausfüllen muss – besonders mit dem Finger auf einem Smartphone. Das ist ein Reibungspunkt direkt vor dem Hinzufügen zum Warenkorb. Echte +- und −-Buttons, groß und gut sichtbar, machen die Mengenwahl unmittelbar und natürlich, am Desktop wie am Smartphone.
Wie das Modul funktioniert
Das Modul berührt keine Theme-Datei. Es lädt ein leichtgewichtiges Stylesheet und Skript nur auf der Produktseite. Das Skript findet das vorhandene Mengenfeld, umschließt es mit einer Button-Gruppe und fügt ein + und ein − hinzu. Dieser Injektionsansatz macht es mit dem Classic-Theme ebenso wie mit individuellen Themes kompatibel und schützt es vor PrestaShop-Updates, da kein Template überschrieben wird.
Der Fall Classic-Theme und bootstrap-touchspin
Das Classic-Theme erweitert das Mengenfeld bereits mit bootstrap-touchspin, das zwei kleine vertikale Pfeile hinzufügt. Ohne Vorsicht hätte man diese Pfeile zusätzlich zu den neuen Buttons. Das Modul neutralisiert die touchspin-Pfeile sauber innerhalb seiner eigenen Gruppe und behält nur die gut lesbaren + und −, ohne Duplikat und ohne Layout-Verschiebung.
Eine zuverlässige Synchronisierung mit dem Warenkorb
Die Menge zu ändern reicht nicht: PrestaShop muss es auch berücksichtigen. Bei jedem Klick übernimmt das Modul den neuen Wert und löst dann die erwarteten Events aus, sowohl native als auch jQuery, genau als hätte der Kunde die Zahl eingegeben. Gesamtpreis, Kombinationen und der In-den-Warenkorb-Button reagieren normal. Nach einem Kombinationswechsel, der den Mengenblock neu aufbaut, werden die Buttons automatisch neu eingefügt.
Berücksichtigung von Bestand und Produktvorgaben
Die Buttons zählen nicht blind hoch: Sie lesen die Mindestmenge, Höchstmenge und Schrittweite des Felds. Der Kunde kann nicht unter das erforderliche Minimum gehen oder über den verfügbaren Bestand hinaus bestellen, sofern dieser begrenzt ist. Das Verhalten bleibt mit den Regeln Ihres Shops konsistent.
Anpassung ohne Code
Auf der Konfigurationsseite des Moduls wählen Sie den Button-Stil (eckig oder abgerundet), die Hintergrundfarbe und die Farbe der +- und −-Symbole und entscheiden, ob die nativen Zahlenpfeile ausgeblendet werden. So fügt sich das Modul visuell in Ihr Branding ein, ohne eine einzige Zeile Code zu schreiben.
Es gibt noch keine Rezensionen.