Dawn Theme Mini-Cart (Slide Out) funktioniert mit shopify cli nicht.

SMEG
Entdecker
35 2 9

wie geschrieben, funktioniert der Mini-Warenkorb (slide out cart) lokal bei mir nicht, wenn ich mit Shopify-CLI arbeite. 
Liegt das u.U. an irgendwelchen Abhängigkeiten?

Wer kann helfen?

@r8r 

22 ANTWORTEN 22
Gabe
Shopify Staff
5388 934 1276

Hey @SMEG 

Hättest du einen Preview Link den wir vielleicht hier anschauen können um zu sehen was du bis jetzt gemacht hast, Ist-wert und Soll-wert, und was genau du erreichen möchtest?

Hast du das auch an unser Theme Team geschickt (https://bit.ly/3cwO7ym) von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest?

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SMEG
Entdecker
35 2 9

Hallo Gabe,

ich kann dir keinen Link schicken, da ich ja lokal an dem Theme arbeite. Deshalb ja die Erwähnung von Shopify CLI.

 

Aber auch wenn ich das unveränderte Dawn-Theme (2.3.0) über Shopify-CLI teste bekommen ich das Mini-Cart nicht angezeigt, wenn ich das Produkt in den Warenkorb hinzufüge.

Gabe
Shopify Staff
5388 934 1276

@SMEG 

Erzähl doch etwas mehr was du erreichen möchtest und warum, was ist der Anwendungsfall bzgl. deinem Dawn Mini-Cart Slideout. Hast du ein Shop Beispiel wo dieser Cart in Aktion vielleicht in einem anderen Theme zu sehen ist? Welche Warenkorb Kundenreibungen werden durch deine Anpassungen reduziert? Ist es vielleicht dass der derzeitige Dawn Cart den Kunden eine verschlechterte Cart Erfahrung bietet?

Oder möchtest du den Pop-out Cart deaktivieren wie in diesem Beispiel:

image.png

Wenn ja, dann können wir das machen wie man hier sieht.

Lass wissen falls du keinen Zugriff zu den folgenden Links hast: hast du im Github die 291 Cart Issues durchgesucht um zu sehen, ob dieses Problem bereits gemeldet wurde? Das Projekt "Fix null cart properties and line items #257" findest du da falls dieser damit verbunden ist. Bist du auch als Partner Mitglied in unserem Partner-Slack-Kanal? Wenn ja kannst du da auch fragen. Du kannst auch einen Dawn-Bug hier im Github melden wenn du glaubst es handelt sich um ein Bug.

In unserem Dokument über das Cart-Objekt findest du vllt. mehr darueber. Da ich selbst kein Programmierer bin, kann ich nicht sicher sein, aber es sieht so aus, als hätten Sie zwei Instanzen davon in dem Code, den Sie in Ihrer ursprünglichen E-Mail mitgeteilt haben.

Beispiel: ich weiss dass in Dawn gibt es eine Webkomponente namens product-form.js, die den Warenkorb Artikel hinzufügt. Diese Komponente verwendet die Rendering-Funktion für gebündelte Abschnitte der Cart-API, die hier beschrieben wird: https://bit.ly/2ZVHy4H. Wenn man jedoch versucht, diesen Code lokal über den Shopify CLI-Vorschau-Link auszuführen, hat das von der Cart API zurückgegebene JSON-Objekt sections:null

Es scheint die Abschnitte, die von der Section Rendering API gerendert werden sollen, nicht zu erfassen, wenn es in diesem Modus ausgeführt wird. Es funktioniert jedoch wie erwartet, wenn es über den Link zur Themenvorschau zurückgegeben wird. Das lässt vermuten, dass dieser API-Aufruf in dieser Umgebung vielleicht nicht funktioniert, und bestätigen kann ich das leider nicht, ob dies der Fall ist oder nicht - nur damit du im Rahmen deines Entwicklungsworkflows Bescheid weisst.

Shopify unterstützt Theme-Entwickler durch den Aufbau umfangreicher Shopify.Dev-Ressourcen, und ich habe einige dieser Ressourcen hier für dich zum überprüfen, als auch für weitere Informationen:

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SMEG
Entdecker
35 2 9

Hallo @Gabe ,

ich möchte einfach nur, dass der Mini-Cart, wie er im Dawn-Theme bereits vorhanden ist funktioniert. Wenn du dir das Dawn-Demo ansiehst und ein Produkt in den Warenkorb legst, dann erscheint der Mini-Cart.

https://themes.shopify.com/themes/dawn/styles/default/preview

Genau das passiert bei mir nicht, wenn ich Shopify CLI benutze. Egal ob mit dem original Dawn-Theme (also ohne irgndwelche Änderungen) oder mit meinem veränderten Theme.

Meine Frage ist, warum das online funktioniert (also wenn das Theme aktiviert ist) und über Shopify CLI nicht. Ich möchte den Mini-Cart verändern, dafür muss er aber erstmal funktionieren.

Ich hoffe jetzt ist mein Anliegen klarer.

Gruß

Mirko

Gabe
Shopify Staff
5388 934 1276

Ok Mirko @SMEG 

Kannst du mir bitte die Shopify CLI-Version hier posten, die du verwendest? Ich nehme an, dass der Cart nicht funktioniert, weil er sich nicht öffnen lässt?

Und bitte angeben, welchen Befehl/Command des CLI du ausführst.

Bitte Version, deinen Browser und Gerät auch angeben.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Gabe
Shopify Staff
5388 934 1276

@SMEG 

Das haben wir jetzt getestet und von unserer Seite läuft alles ok im CLI und Dawn Mini-Cart. Bitte nur Google Chrome neueste Version verwenden:

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SMEG
Entdecker
35 2 9

Hallo @Gabe 

Ich benutze:
- VS Code 1.61.2 und den Terminal aus VS Code
- OSX Big Sur
- Shopify CLI version 2.6.5
- Chrome 95.0.4638.69

Bei mir geht der Mini-Cart nicht auf.

Hier ist ein Video: https://www.loom.com/share/ab198baf7f6f445698bdaac2cea58677

Gabe
Shopify Staff
5388 934 1276

@SMEG 

Es besteht die Möglichkeit, dass Chrome JavaScript auf local-host blockiert. Aber Chrome sollte funktionieren, nur bei andere Browsern kann das manchmal nicht der Fall sein da nur Chrome wird jetzt unterstützt für den shopify theme serve command. Mehr dazu hier.

JavaScript ist nicht deaktiviert, weil ich davon ausgehe, dass die Änderung des Status "In den Warenkorb" JS verwendet.

Hier könnte ein Javascript-Problem vorliegen. Wenn es eines gibt, sollte er eine Fehlermeldung in der Devtools-Konsole von Chrome sehen, die uns genau sagen wird, was falsch ist.

Eine andere mögliche Ursache: Wie ich sehe, hast du einen Adblocker und eine Menge Erweiterungen. Möglicherweise blockieren diese auf local-host, aber nicht die Produktseite. Kannst du die mal deaktivieren und nochmal probieren?

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

SMEG
Entdecker
35 2 9

Hallo @Gabe,

ich habe Chrome ohne Erweiterungen ausprobiert und auch Brave (das ist ein Browser der auf Chrome basiert) und es geht trotzdem nicht.

Ich bekommen folgende Fehlermeldung in der Konsole:

Bildschirmfoto 2021-11-04 um 17.59.33.png