Skip to main content
Neben dem Styling hat der Cart einige Verhaltens-Einstellungen, die steuern, wie er mit deinem Storefront interagiert — wann sich der Drawer öffnet und welche Theme-Elemente Aftersell mit dem Cart synchron hält.

​
Wo du diese Einstellungen findest

Öffne im Cart-Editor Cart settings. Die folgenden Optionen sind unter Behavior und Custom selector gruppiert.

​
Den Cart öffnen, wenn ein Artikel hinzugefügt wird

Open cart when an item is added steuert, ob sich der Drawer automatisch öffnet, sobald ein Kunde ein Produkt hinzufügt. Standardmäßig aktiviert. Deaktiviere die Option, wenn der Cart geschlossen bleiben soll, bis der Kunde ihn selbst öffnet.

​
Theme-Selektoren

Aftersell klinkt sich über CSS-Selektoren in dein Storefront ein — zum Beispiel, um zu wissen, welches Element den Cart öffnet oder welcher Zähler am Warenkorbsymbol synchron gehalten werden soll. Die integrierte Erkennung deckt die beliebtesten Shopify-Themes ab (Dawn, Sense, Crave, Debut, Impulse, Horizon und viele andere), sodass die meisten Stores diese Einstellungen nie anfassen müssen. Passe einen Selektor nur an, wenn etwas in deinem Theme nicht korrekt verknüpft wird.

​
Selektor-Modi

Jeder Selektor bietet dieselben drei Modi: Das Selektor-Eingabefeld ist nur in den Modi Default + custom und Custom only aktiviert.

​
Die drei Selektoren

​
So findest du einen Selektor

  1. Öffne dein Storefront in einem Browser (Chrome empfohlen).
  2. Klicke mit der rechten Maustaste auf das Element, das du ansprechen möchtest — dein Warenkorbsymbol, die Zählernummer oder die Add-to-Cart-Schaltfläche — und wähle Untersuchen.
  3. Suche im geöffneten Panel das Element, das es repräsentiert (der Zähler ist oft ein span innerhalb des Warenkorbsymbols).
  4. Notiere seine Klasse (beginnt mit .) oder ID (beginnt mit #) — zum Beispiel .header__cart-count span oder #CartCount.
  5. Zurück in den Cart settings stelle den Selektor auf Default + custom oder Custom only und füge ihn ein.
  6. Speichere und teste dann sowohl auf dem Desktop als auch auf Mobilgeräten.
Beginne mit Default — es funktioniert bei den meisten Themes ohne Einrichtung. Greife zu Default + custom, wenn nur eines von mehreren Symbolen aktualisiert wird (etwa Desktop funktioniert, aber Mobile nicht), und zu Custom only, wenn der Standard das falsche Element anspricht. Wenn du unsicher bist, welchen Selektor du verwenden sollst, kann dir dein Theme-Entwickler helfen — du musst keinen Code schreiben, nur kopieren und einfügen.