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

> Klicken Sie auf Fortschrittsbalken platzieren und dann auf die gewünschte Stelle im Theme. App-Blöcke, eine Codezeile und eine kostenlose Integration decken den Rest ab.

Aktualisiert am 2026-09-25 · https://www.yaco.studio/de/docs/theme-platzierung

## 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](https://www.yaco.studio/de/docs/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](https://www.yaco.studio/de/docs/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](https://www.yaco.studio/de/docs/balken-wird-nicht-angezeigt) oder [Probleme mit dem Warenkorb-Drawer](https://www.yaco.studio/de/docs/warenkorb-drawer-probleme).