Funktion des ATC Buttons ändern / Redirect des ATC Buttons

Deutsch Diskussion Technische Fragen & Antworten
, ,
1

Hallo zusammen,

wir haben folgendes Problem. Wir nutzen eine Booking App um Produkte zu vermieten, diese ist jedoch nicht kompatibel mit dem Cart Drawer/Ajax Drawer. Da wir diesen aber gerne nutzen möchten, suche ich nach passenden Möglichkeiten.

Eine Überlegung war es, im Theme für den Warenkorb “die cart page” ausgewählt zu lassen und im Code Änderungen vozunehmen, dass wenn z.B. Produkt mit Produkt ID 12345678 in den Warenkorb gelegt wird, sich der Drawer öffnet. So könnte man bestimmen, dass bei einer gewissen Auswahl der Produkt (nicht die Mietprodukte) sich immer der Drawer öffnet. Ebenso kam die ID, das anhand eines Templates für die Produktseite zu machen.

Aber genau an dieser Stelle kommen wir nicht weiter. Wir haben Änderungen im Code vorgenommen aber nichts hat gegriffen.

Hat einer von euch eine Alternativlösung oder könnte uns auf die Sprünge helfen, an welcher Stelle man ggf. eine “Wenn-Abfrage” oder ähnliche platzieren könnte? Oder wie im allgemeinen der Ablauf wäre?

Als Hinweis: Wir nutzen das Focal Theme aus dem Shopify Theme Store
Die App die wir nutzen: Book that App / BTA

Zur Not sind wir auch bereit, auf eine andere App umzusteigen. Bei der jetzigen App war uns nicht bewusst, dass es mit dem Cart Drawer nicht funktioniert. Anfangs ging es auch irgendwie aber jetzt nicht mehr. Ungern möchte ich noch mal so viel Arbeit rein stecken.

Wäre super, wenn mir jemand weiter helfen könnte. Vielen Dank schon mal :slightly_smiling_face:

2

Hey @ManuelWirtz_de

Danke für den Sachverhalt und es scheint, dass du mit einigen Herausforderungen bezüglich der Anpassung des Focal Themes in deinem Shopify-Shop konfrontiert bist, insbesondere im Zusammenhang mit der “Book that App” und der Kompatibilität mit dem Cart Drawer/Ajax Drawer.

Es ist üblich, dass für spezifische Anforderungen wie deine Anpassungen am Theme-Code vorgenommen werden müssen. Dies könnte das Hinzufügen von CSS oder Liquid-Code in Dateien wie “theme.liquid”, “cart.liquid”, oder “style.css” beinhalten. Beispielsweise könnte CSS-Code verwendet werden, um Elemente wie den Warenkorbsymbol zu verschieben oder anzupassen.

Es ist dabei wichtig, die Dokumentation deines spezifischen Themes (in diesem Fall das Focal Theme) zu konsultieren, um besser zu verstehen, wie Anpassungen vorgenommen werden können. Jedes Theme kann unterschiedliche Strukturen und benannte Dateien haben, was bedeutet, dass Anpassungen für jedes Theme einzigartig sind. Hast du mit den Focal Theme Entwickler schon darüber gesprochen? Oder mit den Book That App Entwickler? Oder beide?

Zunächst musst du die Dateien in deinem Theme identifizieren, die für die Darstellung und Funktionalität des Warenkorbs und des Cart Drawers verantwortlich sind. Typischerweise sind dies Liquid-Dateien wie cart.liquid, theme.liquid, oder header.liquid.

Du kannst bedingte Anweisungen (if-else-Statements) in deinem Liquid-Code verwenden, um zu überprüfen, ob bestimmte Produkte im Warenkorb sind. Basierend darauf kannst du dann entscheiden, ob der Cart Drawer angezeigt oder eine andere Aktion ausgeführt werden soll.

Beispiel einer IF-Statement:

{% if cart.items contains 'Produkt-ID' %}
  // Code zum Öffnen des Cart Drawers
{% else %}
  // Anderer Code
{% endif %}

Anpassen des JavaScripts: Für dynamische Interaktionen wie das Öffnen des Cart Drawers basierend auf bestimmten Bedingungen, musst du wahrscheinlich JavaScript-Code anpassen oder hinzufügen. Dies könnte in Dateien wie theme.js oder cart.js erfolgen.

CSS-Anpassungen: Um das Aussehen des Cart Drawers anzupassen, könntest du Änderungen im CSS deines Themes vornehmen. Dies kann in Dateien wie theme.scss.liquid oder style.css erfolgen.

Überprüfen der Theme- und/oder der App Dokumentation: Sieh in der Dokumentation deines Themes nach, ob es spezifische Hinweise oder Beispiele für solche Anpassungen gibt. Die Theme oder App Entwickler sind hier auch sehr hilfreich!

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:

Habt ihr auch den Shop auf den Valentinstag ? umgestellt? Jetzt ist die Zeit wo Online Shopper nach :wrapped_gift: für ihre :heart: :eyes: !

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

1 Like