Skip to main content

​
So verwendest du den „Add to Cart Button Selector“ in Upcart

Wenn Upcart die „Add to Cart“-Buttons deines Stores nicht erkennt, kannst du Upcart manuell mitteilen, welche Buttons überwacht werden sollen. Es sind keine Programmierkenntnisse erforderlich.
Diese Einstellung teilt Upcart mit, welche Buttons in deinem Store dafür zuständig sind, Artikel zum Warenkorb hinzuzufügen. Wenn dein Theme oder eine andere App einen benutzerdefinierten „Add to Cart“-Button verwendet, kannst du mit dieser Einstellung sicherstellen, dass Upcart ihn erkennt.
  1. Öffne den Upcart-Editor
  2. Gehe zu Settings
  3. Scrolle im Tab Cart settings nach unten und klappe Advanced Settings auf
  4. Suche „Add to Cart Button Selector“
Upcart-Einstellung Add to cart button selector mit dem Options-Dropdown auf Use default selector gesetzt Du siehst ein Menü mit drei verfügbaren Auswahlmöglichkeiten:

​
So verwendest du die Option „Custom Selector“ (keine Programmierkenntnisse nötig)

Wenn du die Option Custom Selector verwenden musst, führe diese einfachen Schritte aus:
  1. Gehe zur Produktseite deines Stores.
  2. Klicke mit der rechten Maustaste auf den „Add to Cart“-Button. Das ist der Button, mit dem Kunden Produkte zu ihrem Warenkorb hinzufügen.
  3. Klicke auf „Untersuchen“. Ein Panel mit Code erscheint. Du musst nichts ändern.
  4. Suche im Panel nach einem Wort, das mit einem Punkt (.) oder einer Raute (#) beginnt, im Code des Buttons. Zum Beispiel: .product-form__add-button oder #add-to-cart.
  5. Kopiere diesen Teil. Zum Beispiel: .product-form__add-button.
  6. Gehe zurück zum Upcart-Editor, wähle „Use Custom Selector“ und füge das Kopierte in das Eingabefeld ein.
Tipps
  • Probiere zuerst den Default Selector aus. Verwende einen benutzerdefinierten Selektor nur, wenn Upcart deine „Add to Cart“-Buttons nicht erkennt.
  • Wenn dein Store mehrere „Add to Cart“-Buttons hat, etwa auf Produktseiten und Kollektionsseiten, verwende Add Additional Selector und wiederhole die obigen Schritte für jeden Button.
  • Du musst keinen Code schreiben. Kopiere einfach den Selektor und füge ihn ein.
  • Manche Buttons, die durch benutzerdefinierte Funktionen wie Bundle-Apps und Upsell-Apps hinzugefügt werden, funktionieren möglicherweise auch mit dieser Funktion nicht.
  • Du kannst beliebige KI-Tools deiner Wahl verwenden, um deine Arbeit zu überprüfen.
Brauchst du Hilfe? Wenn du Hilfe brauchst, kannst du deinen Theme-Entwickler bitten, den richtigen Selektor zu finden. Du musst keinen Code schreiben. Kopiere einfach den Selektor und füge ihn ein, wie oben beschrieben.