Fortschrittsbalken im Shopify-Theme platzieren: Warenkorb-Drawer, Warenkorb, Produktseite

Den Balken im Warenkorb-Drawer oder anderswo platzieren

Die empfohlene Methode ist Fortschrittsbalken platzieren: Sie zeigen auf die Stelle in Ihrem Theme, und die App merkt sie sich. Das funktioniert für den Warenkorb-Drawer (Cart Drawer), die Warenkorbseite, die Produktseite und jeden anderen Bereich des Themes.

1. Öffnen Sie in der App Theme-Integration, Tab Platzierungen.
2. Prüfen Sie unter Themes das Theme, an dem Sie arbeiten (Theme auswählen). Das Live-Theme trägt das Badge (aktuelles Theme). Platzierungen werden pro Theme gespeichert.
3. Klicken Sie im Abschnitt App-Embed-Aktivierung auf Aktivieren, falls das App-Embed noch nicht aktiv ist, aktivieren Sie Yaco Progress Bar im Theme-Editor und speichern Sie.
4. Klicken Sie unter Warenkorb-Drawer & allgemeine Platzierungen auf Fortschrittsbalken platzieren (oder Fortschrittsbalken-Platzierungen verwalten, sobald eine Platzierung existiert).
5. Der Theme-Editor öffnet sich mit dem Menü Yaco-Fortschrittsbalken integrieren. Klicken Sie auf Fortschrittsbalken hinzufügen und dann auf das Element der Seite, an dem der Balken erscheinen soll.
6. Passen Sie das Formular bei Bedarf an und klicken Sie auf Speichern.

Ist der Theme-Inspector von Shopify aktiv, bittet Sie das Yaco-Menü, ihn zuerst zu deaktivieren: Solange er aktiv ist, funktioniert die Platzierung nicht.

Einstellungen einer Platzierung

Jede Platzierung hat eigene Einstellungen, im Theme-Editor oder über die Liste Theme-Integrationen auf derselben Seite:

• Referenzelement und Position relativ zum Referenzelement: wo der Balken sitzt (davor, danach, als erstes Kind, als letztes Kind oder anstelle des Elements).
• Sichtbarkeitsbedingung: immer sichtbar, nur wenn der Warenkorb Artikel enthält, oder nur wenn er leer ist.
• Auf Templates anzeigen: die Platzierung auf bestimmte Seitenvorlagen beschränken. Standardmäßig alle.
• Zielfilter: alle Stufen anzeigen, nur bestimmte, oder einzelne an dieser Stelle ausblenden.
• Design: welches Design diese Platzierung verwendet.
• CSS-Klassen und Container-CSS: die Abstände um den Balken feinjustieren.

Mit Integration deaktivieren schalten Sie eine Platzierung ab, ohne sie zu löschen.

Platzierungen aus einem anderen Theme oder Shop übernehmen

• Duplizieren in der Karte Theme-Integrationen kopiert die Platzierungen eines anderen Themes dieses Shops oder eines anderen Shops, in dem Sie Yaco mit demselben Shopify-Konto nutzen. Ein Shop erscheint, sobald Sie Yaco dort mit diesem Konto geöffnet haben. Eine im Theme bereits verwendete Platzierung wird nie doppelt hinzugefügt.
• Nutzen andere Yaco-Shops dasselbe Theme in derselben Version, schlägt Ihnen ein Hinweis Platzierungen bereit für Ihr Theme deren Platzierungen vor. Sie sind anonymisiert und mit Gleiche Version oder Ähnliche Version gekennzeichnet. Wählen Sie die gewünschten aus und prüfen Sie das Ergebnis.
• Wenn Sie in Shopify ein Theme duplizieren, werden seine Platzierungen automatisch in das neue Theme übernommen.

Alternative Methoden

Der Tab Alternative Methoden bündelt weitere Wege, den Balken einzufügen:

• Produktseite & Warenkorbseite: Klicken Sie auf Zum Produktseiten-Template, dann unter Template › Produktinformationen auf Block hinzufügen, und wählen Sie Yaco Progress Bar. Für die Warenkorbseite nutzen Sie Zum Warenkorbseiten-Template gehen und den Bereich Template › Zwischensumme.
• Ich bin Entwickler: Kopieren Sie die Codezeile mit In Zwischenablage kopieren und fügen Sie sie in ein beliebiges Liquid-Template ein. Code bearbeiten öffnet den Code-Editor des Themes.
• Auto Warenkorb-Drawer-Integration (Oben im Warenkorb-Drawer oder Unten im Warenkorb-Drawer): eine ältere, als Veraltet markierte Methode, die nicht bei allen Themes funktioniert. Nutzen Sie besser Fortschrittsbalken platzieren.

Für den Checkout lesen Sie Fortschrittsbalken im Checkout.

Eine kostenlose individuelle Integration anfragen

Finden Sie die richtige Stelle nicht, klicken Sie im Hinweis Benötigen Sie Hilfe beim Platzieren des Fortschrittsbalkens in Ihrem Theme? auf Kontaktieren Sie uns. Das Yaco-Team platziert den Balken für Sie, kostenlos. Die Angabe Ihres Collaborator-Anfragecode ist optional, beschleunigt aber die Bearbeitung. Die meisten Integrationen werden am selben Tag oder am nächsten Werktag erledigt.

Ist der Balken platziert, aber unsichtbar, lesen Sie Balken wird nicht angezeigt oder Probleme mit dem Warenkorb-Drawer.