Die +/- Mengenschaltflächen des Themes ändern das ausgewählte Angebot nicht

Wenn die Mengenschaltflächen deines Themes das ausgewählte Angebot nicht ändern, prüfe zuerst, welche Mengensteuerung dein Rabatt verwendet. Eine eingegebene Menge, die auf eine Stufe reduziert wird, unterscheidet sich von einer Schaltfläche, die dem Widget nie eine Aktualisierung sendet.

Ich habe 8 eingegeben, aber der Warenkorb erhielt 6

In der üblichen Einrichtung ohne eigene Mengenauswahl von Bundlex navigiert das Theme-Eingabefeld zwischen den konfigurierten Stufen. Eine exakte Stufenmenge kann diese Karte auswählen, während eine Menge zwischen zwei Stufen das aktuelle Angebot ausgewählt lassen kann. Beim Hinzufügen zum Warenkorb wird dann die Menge dieses Angebots verwendet. Die Eingabe von 8 bei ausgewähltem „6 kaufen“ garantiert nicht 8 Artikel.

Damit Käufer flexible Mengen auswählen können, aktiviere, sofern verfügbar, Mengenauswahl auf dem Tab Zusatzoptionen des Rabatts. Sie funktioniert zusammen mit Abonnements. Wenn sie deaktiviert ist, nennt das Dashboard die Einstellung, die sie blockiert. Siehe Einstellungen, mit denen sie nicht kombiniert werden kann.

Wenn die Mengenauswahl von Bundlex aktiv ist, zeigt das Theme-Eingabefeld deren Ergebnis an, anstatt eine zweite Menge zu steuern. Einige Shops verfügen über eine separate, vom Support aktivierte native Mengeneinstellung für einfache Stufen. Das ist nicht die Standardeinstellung. Siehe Mengenverhalten des Themes.

Wenn die optionale Angebotsauswahl aktiviert ist und kein Angebot ausgewählt wurde, funktionieren die Theme-Steuerelemente normal und navigieren nicht durch die Angebotskarten. Die folgenden Prüfungen beziehen sich auf ein aktives Angebot in der Einrichtung der Stufennavigation.

So sollte die Synchronisierung funktionieren

Es gibt zwei Richtungen, die du beachten solltest:

• Angebot zu Menge: Wenn ein Käufer auf ein Angebot klickt, beispielsweise „1 kaufen“, „2 kaufen“ oder „3 kaufen“, setzt das Widget das Mengenfeld des Themes auf die Menge dieses Angebots. Dies hängt davon ab, dass Bundlex das richtige Mengenfeld findet.
• Menge zu Angebot: Wenn ein Käufer die Menge mit den +/- Schaltflächen des Themes ändert oder eine Menge eingibt, sollte das Widget den neuen Wert erkennen und das Angebot auswählen, dessen Menge exakt übereinstimmt.

Die zweite Richtung kann fehlschlagen, wenn das Theme das Eingabefeld ändert, ohne ein Ereignis auszulösen, oder wenn das Widget ein anderes Mengenfeld überwacht. Eine Zahl außerhalb der Stufen allein beweist kein Ereignisproblem und garantiert nicht, dass das Angebot abgewählt wird.

Warum die +/- Schaltflächen das Angebot nicht aktualisieren

Das Widget überwacht native change- und input-Ereignisse am Mengenfeld. Normales Tippen löst diese Ereignisse aus, die benutzerdefinierte +/- Schaltfläche eines Themes möglicherweise nicht.

Viele Themes implementieren ihre +/- Schaltflächen jedoch, indem sie den Wert des Eingabefelds direkt per JavaScript setzen, zum Beispiel input.value = newValue. Das Zuweisen eines Werts auf diese Weise löst keine change- oder input-Ereignisse aus. Die Zahl ändert sich auf dem Bildschirm, aber es wird kein Ereignis ausgelöst. Daher erkennt das Widget nicht, dass sich die Menge geändert hat, und das ausgewählte Angebot bleibt unverändert.

Dies ist nicht auf ein bestimmtes Framework beschränkt. Jede programmatische Wertzuweisung überspringt diese Ereignisse. Nur echte Benutzerinteraktionen, etwa die Eingabe über die Tastatur, lösen sie aus. Themes, die das Shopify-<quantity-input>-Custom-Element verwenden, das auch von Dawn genutzt wird, lösen nach der Aktualisierung des Werts ein change-Ereignis aus. Deshalb funktionieren diese Themes direkt ohne weitere Anpassungen.

So bestätigst du die Ursache

1. Öffne die Entwicklertools deines Browsers, mit F12 oder auf dem Mac mit Cmd+Option+I, und wechsle zum Tab „Konsole“.
2. Klicke auf der Produktseite auf eine +/- Schaltfläche.
3. Versuche es mit einer Menge, die genau einem verfügbaren Angebot entspricht. Wenn sich die Zahl ändert, das ausgewählte Angebot jedoch nicht, bitte deine Theme-Entwicklerin oder deinen Theme-Entwickler zu prüfen, ob die Schaltfläche am Mengenfeld ein change- oder input-Ereignis auslöst, das Bundlex überwacht.

Bei Themes, bei denen dieses Problem häufig auftritt, werden benutzerdefinierte +/- Schaltflächen verwendet, die den Wert direkt setzen, statt der Shopify-<quantity-input>-Webkomponente.

Die Lösung: ein change-Ereignis auslösen

Diese Anpassung erfolgt im Theme und ist daher eine schnelle Änderung für die Person, die deinen Theme-Code verwaltet. Bitte deine Theme-Entwicklerin oder deinen Theme-Entwickler, direkt nachdem der +/- Handler den neuen Mengenwert gesetzt hat, ein change-Ereignis auszulösen:

input.dispatchEvent(new Event('change', { bubbles: true }));

Hier ist input das aktualisierte Mengenfeld. Dadurch werden Skripte benachrichtigt, die auf dieses Ereignis warten, einschließlich Bundlex. Teste nach der Änderung die Mengen-Schaltflächen des Themes und den Warenkorb.

Der Fall mit doppelten Mengenfeldern, Sticky-Warenkorb-Leisten

Einige Themes fügen eine fixierte oder angeheftete Leiste „In den Warenkorb“ hinzu, die das Produktformular einschließlich eines zweiten Mengenfelds dupliziert. Beide Felder verwenden häufig dieselbe name="quantity" und manchmal sogar dieselbe id. Der Standardselektor von Bundlex, input[name="quantity"], kann dann das falsche Feld auswählen, sodass das Angebot und die Menge im Hauptformular nie übereinstimmen.

So bestätigst du doppelte Mengenfelder

1. Öffne die Entwicklertools und wechsle zum Tab „Konsole“.
2. Führe Folgendes aus: document.querySelectorAll('input[name="quantity"]').length
3. Wenn das Ergebnis größer als 1 ist, enthält deine Seite mehr als ein Mengenfeld.

Die Lösung: eine benutzerdefinierte Auswahl für das Mengenfeld

Verweise Bundlex ausschließlich auf das Mengenfeld des Hauptformulars und schließe die fixierte Leiste aus. Wende dich mit der Produkt-URL an den Support, damit ein passender Selektor erstellt werden kann. Der Support kann ihn in den Widget-Einstellungen des Shops konfigurieren. Wenn du einen bereits im App-Embed gespeicherten älteren Selektor prüfen musst, findest du ihn hier:

1. Öffne im Shopify-Admin den Theme-Editor.
2. Gehe zu App embeds und suche nach Bundlex Bundles.
3. Aktiviere Show advanced settings und setze anschließend den Quantity input selector auf einen Selektor, der ausschließlich das Mengenfeld des Hauptformulars anspricht.

Der genaue Selektor hängt von deinem Theme ab. Zwei Beispiele, die bei einigen Themes funktionieren:

.product-form__item--submit input[name="quantity"]
form.shopify-product-form:not(#addtocart-sticky form) input[name="quantity"]

Wenn keiner der beiden Selektoren mit deinem Theme funktioniert, teile dem Support die URL der Produktseite mit, damit der richtige Selektor ermittelt werden kann. Wenn der Support zuvor eine Überschreibung konfiguriert hat, kann diese Vorrang vor dem Theme-Feld haben.

Wann du dich an den Support wenden solltest

Wenn du bestätigt hast, dass die +/- Schaltflächen den Wert ändern, ohne ein Ereignis auszulösen, oder dass doppelte Mengenfelder vorhanden sind, und die oben genannten Lösungen das Problem nicht beheben, wende dich mit der URL der Produktseite an den Support. Hilfreich ist außerdem, alle [Bundlex]-Meldungen aus der Browserkonsole sowie das HTML des Produktformulars mitzuschicken.