Theme-Selektoren konfigurieren
Im Bereich Theme-Selektoren steuern Sie, wie Cart Reserve Elemente in Ihrem Theme erkennt und mit ihnen interagiert. Das ist besonders nützlich bei einem individuellen Theme, einem stark angepassten Theme oder einer Drittanbieter-Warenkorbimplementierung.
In den meisten Fällen funktionieren die Standardselektoren ohne Anpassung und es sind keine Änderungen erforderlich. Sie sollten diese Einstellungen nur ändern, wenn Reservierungen nicht korrekt aktualisiert werden oder Ihre Theme-Struktur von Standard-Shopify-Themes abweicht.
Theme-Selektoren aufrufen
Navigieren Sie zu Einstellungen → Theme-Selektoren → Selektoren konfigurieren.
Automatische Theme-Erkennung
Cart Reserve enthält integrierte Unterstützung für mehr als 30 Shopify-Themes. Das System erkennt Ihr Theme automatisch und wendet passende Selektoren an.
Tipp: Nutzen Sie die Entwicklertools Ihres Browsers (Rechtsklick → Untersuchen), um bei Bedarf die korrekten CSS-Selektoren für Ihre Theme-Elemente zu ermitteln.
Klicken Sie auf Vollständige Dokumentation anzeigen für detaillierte Hinweise zur Selektor-Konfiguration.
Selektor-Bereiche
Theme-Selektoren sind in einklappbare Bereiche organisiert. Jeder Bereich zeigt einen Zähler mit angepassten Selektoren (z. B. "0/2 angepasst").
Storefront-Templates
Schnellzugriff zur Anpassung des Erscheinungsbilds von Timern, Warnungen und Ablaufzuständen.
Klicken Sie auf Templates anpassen, um den Editor für Storefront-Templates zu öffnen.
Warenkorb-Artikeländerungen
Selektoren zum Erkennen und Behandeln von Mengenänderungen im Warenkorb.
Konfigurieren Sie diese, falls Cart Reserve Änderungen an Warenkorbmengen nicht erkennt.
Felder: 2 verfügbare Selektoren
Produktdetail
Selektoren für das Produktseiten-Formular und die Funktion "In den Warenkorb".
Konfigurieren Sie diese, falls Reservierungen nicht erstellt werden, wenn Kunden von Produktseiten in den Warenkorb legen.
Felder: 6 verfügbare Selektoren
Timer-Kontext
Einstellungen für die Timer-Anzeige und die Erkennung des Warenkorb-Drawers.
Konfigurieren Sie diese, falls der Timer nicht an der richtigen Stelle erscheint oder Ihr Theme einen nicht standardmäßigen Warenkorb-Drawer verwendet.
Felder: 3 verfügbare Selektoren
Universelle Selektoren
CSS-Selektoren für Mengen-Steuerungen, die in Warenkorb-Drawer, Warenkorbseite und Produktseite funktionieren.
Nutzen Sie diese für individuelle Themes, die nicht durch spezifische Voreinstellungen abgedeckt sind. Diese Selektoren funktionieren universell über verschiedene Warenkorb-Kontexte hinweg.
Felder: 6 verfügbare Selektoren
Label-Übersetzungen
Beschriftungen für Schaltflächen und Timer werden im Theme-Editor konfiguriert und lassen sich mit der Shopify-App "Translate & Adapt" übersetzen.
Klicken Sie auf Theme-Editor öffnen, um die Label-Konfiguration aufzurufen.
Pfad: Online Store → Themes → Customize → App embeds → CartReserve
Bereiche aufklappen
Klicken Sie in einem Bereich auf Erweitern, um einzelne Selektoren anzuzeigen und zu bearbeiten.
Jedes Selektorfeld akzeptiert Standard-CSS-Selektor-Syntax (z. B. .cart-item, #product-form, [data-cart-drawer]).
Fehlerbehebung
Falls Cart Reserve mit Ihrem Theme nicht korrekt funktioniert:
- Automatische Erkennung prüfen – das System sollte die meisten Themes automatisch abdecken
- Elemente inspizieren – mit den Browser-Entwicklertools die richtigen Selektoren ermitteln
- Schrittweise testen – immer nur einen Selektor ändern und testen
- Speichern und neu laden – Änderungen erfordern ein Neuladen der Seite
Wann Selektoren anpassen
Passen Sie Selektoren nur an, wenn Sie Folgendes feststellen:
- Reservierungen werden bei Änderungen der Warenkorbmenge nicht aktualisiert
- Der Timer erscheint nicht im Warenkorb-Drawer oder auf der Warenkorbseite
- "In den Warenkorb" löst keine Reservierungen aus
- Mengen-Steuerungen werden nicht erkannt
Für Standard-Shopify-Themes sollten die Standardwerte ohne Anpassung funktionieren.