Den Fehler sehen wir immer wieder bei unseren Online-Shop-Analysen in den Kundenshops. Somit, hier kurz ein Quick-Guide wie man das Teil entfernen kann.
1. Zuerst entfernst Du den Button aus dem Code vom Cart-Template. Je nach Theme hat das ein anderen Namen wie cart-template.liquid, cart.liquid etc. Dort findest Du meistens den Button-Code mit name="update" oder ähnlichem Code (siehe Bild). Den Teil oder Ähnliches musst Du entfernen.
2. Suche das Input-Field für die Menge im Template, das sieht je nach Theme +/- etwa so aus:
<input class="cart__qty-input" type="number" name="updates[]" id="updates_{{ item.key }}" value="{{ item.quantity }}" min="0" pattern="[0-9]*">
3. Du ergänzt diese Linie mit onchange="this.form.submit();" das sieht dann in diesem Beispiel so aus:
<input class="cart__qty-input" type="number" name="updates[]" id="updates_{{ item.key }}" value="{{ item.quantity }}" min="0" pattern="[0-9]*" onchange="this.form.submit();">
4. Du speicherst das Template – fertig.
Wenn Du alles korrekt gemacht hast, wird der Warenkorb nun neu geladen, wenn man die Anzahl vom Produkt ändert.
Das ist jetzt nicht die Luxus-Lösung (per Ajax), da es die Seite neu lädt, aber ist immer noch besser als den unnötigen und Conversion störenden "Aktualisieren-Button" zu haben.
Zu beachten: Diese Lösung funktioniert nur auf der Warenkorb-Seite und nicht im Sidecart/Drawer.
PS: Shopify hat zwar eine Code-History, aber vorher eine Sicherung vom Theme machen kann nie schaden!
