Plus/Minus Quantity Buttons für den Magento 2-Warenkorb – sofortige Warenkorb-Neuberechnungen

MAGENTO 2 · WARENKORB · PRODUKTMENGE · AJAX

Kowal Plus/Minus Quantity Buttons

Fügen Sie Plus- und Minus-Buttons an den Mengenfeldern des Standard-Warenkorbs hinzu. Nach einer Änderung werden das Formular, der Mini-Warenkorb und die Betragsübersicht über die AJAX-Mechanismen von Magento aktualisiert.

Plus und Minus · Beträge aktualisieren · Buttons neu initialisieren

SO FUNKTIONIERT ES IN DER PRAXIS

Dieses Modul erweitert den Standard-Warenkorb von Magento 2 um eine intuitive Steuerung der Produktmengen:

• Buttons + / − am qty-Feld – der Nutzer muss kein kleines Feld treffen und die Zahl nicht manuell eingeben.

• Automatische AJAX-Neuberechnungen nach einer Mengenänderung:

  • Aktualisierung des Warenkorbformulars,

  • Aktualisierung des Mini-Warenkorbs (customerData),

  • Aktualisierung der Zusammenfassung / totals (getTotalsAction),

  • alles ohne Seiten-Reload.

• Stabilität nach DOM-Aktualisierung – nach dem Austausch des Warenkorb-HTML werden die Buttons erneut initialisiert.

• Modernes Pillen-Design – das Steuerelement wirkt wie ein zusammenhängendes Element (Minus | Menge | Plus) und passt zu den meisten Themes.

Ziel: eine komfortablere Mengenänderung und Warenkorbaktualisierung ohne manuelles Neuladen der Seite. Der Einfluss auf den Kaufabschluss hängt von der Implementierung ab und muss gemessen werden.

Setzen Sie in Stores → Configuration → Kowal → Update Cart After Qty Change → Settings die Option Enable. Der Mechanismus startet auf der Seite des Standard-Warenkorbs und umfasst sowohl die Buttons als auch die manuelle Änderung des Mengenfelds.

Die Aktualisierung nutzt das Formular form-validate, den customerData-Bereich cart sowie getTotalsAction. Nach dem Austausch des Formulars werden die Buttons erneut initialisiert, ohne Steuerelemente zu duplizieren.

Die Buttons ändern die Menge um 1. Das Skript liest min und max des Feldes aus, verwendet standardmäßig ein Minimum von 1 und rundet das Ergebnis auf eine ganze Zahl. Verkauf in Bruchteilen oder mit einem benutzerdefinierten Schritt erfordert eine Anpassung.

Ein kurzer Debounce von 150 ms reduziert die Anzahl der Anfragen bei schnellen Änderungen. Lagerbestand, zulässige Mengen und weitere Bestellbedingungen werden weiterhin von Magento geprüft.

Das Modul basiert auf RequireJS, jQuery und dem Standard-HTML des Warenkorbs. Prüfen Sie das Aussehen des Steuerelements und die Formular-Selektoren in Ihrem Theme. Im Repository gibt es für dieses Paket keinen separaten Hyvä-Adapter.

Die Buttons gelten für Felder des Standard-Warenkorbs; die Aktualisierung des Mini-Warenkorbs bedeutet nicht, dass dort dasselbe Steuerelement hinzugefügt wird. Die Dauer der Neuberechnung hängt von der Antwort des Shops und des Netzwerks ab.

Paket kowal/module-updatecartafterqtychange, Modul Kowal_UpdateCartAfterQtyChange. Nachdem Sie den Zugriff auf das Kowal-Repository konfiguriert haben, installieren Sie das Paket, aktivieren Sie das Modul, aktualisieren Sie Magento und leeren Sie den Cache. In der Produktion berücksichtigen Sie die Kompilierung und Bereitstellung statischer Inhalte gemäß dem Prozess des Shops.

1. Der Kunde ändert die Menge
Er nutzt die Buttons oder bearbeitet das qty-Feld.

2. Der Warenkorb sendet die Aktualisierung
Eine kurze Verzögerung bündelt schnelle Änderungen in einer Anfrage.

3. Die Daten werden aktualisiert
Formular, Mini-Warenkorb und Zusammenfassung zeigen die neuen Werte.

Der Kunde drückt beim Produkt auf Plus. Das Modul erhöht die Menge und startet die Warenkorbaktualisierung, nach der Beträge und Mini-Warenkorb aktualisiert werden.

Er muss die Seite nicht manuell neu laden. Die endgültige Zulassung der Menge und die Produktverfügbarkeit hängen weiterhin von den Magento-Regeln ab.