> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/erweiterungen/checkout-steps.md).

# Checkout-Steps

Mit ThemeWare® kannst du die verkaufsfördernden "Checkout-Steps" unserer Shopware 5 Themes auch in deinem Shopware 6 Shop nutzen.

<figure><img src="/files/WmRWep12ODoJaGfm2DFm" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Hinweis**: Die Checkout-Steps werden im Checkout angezeigt, wenn die Konfiguration "Checkout-Steps anzeigen" aktiviert ist. Zusätzlich kannst du sie über "Checkout-Steps im Warenkorb anzeigen" auch im Warenkorb einblenden.
{% endhint %}

***

## Konfiguration

### **Theme-Konfiguration**

1. Wechsel in den Tab "**Erweiterungen**"
2. Öffne den Bereich "**Checkout-Steps**"
3. Aktiviere die Konfiguration "**Checkout-Steps anzeigen**" (Anzeige im Checkout)
4. Optional: Aktiviere "**Checkout-Steps im Warenkorb anzeigen**", um sie zusätzlich im Warenkorb einzublenden
5. Speicher deine Änderungen nach der Bearbeitung

### **Inhalt**

* Passe die Texte der Checkout-Steps über die folgenden Textbausteine an:
  * `twt.extension.checkoutSteps.step1`
  * `twt.extension.checkoutSteps.step2`
  * `twt.extension.checkoutSteps.step3`

{% hint style="info" %}
**Hinweis**: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: [Texte bearbeiten und übersetzen](https://wiki.themeware.design/wissensdatenbank/anleitungen/texte-bearbeiten-und-uebersetzen)
{% endhint %}

{% hint style="success" %}
**Tipp**: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: [Shopware Cache leeren / aufwärmen](https://wiki.themeware.design/wissensdatenbank/anleitungen/sonstiges/shopware-cache-leeren)
{% endhint %}

***

## Optionen

* **Darstellungsart**
  * "Durchgängige Linien", "Linien zwischen den Steps", "Durchgängige Balken zwischen den Steps" oder "Balken zwischen den Steps".
* **Icon-Stil (Steps)**
  * "Steps mit Zahlen", "Steps mit Icons" oder "Kleine Steps".
* **Text anzeigen ab ...**
  * Legt fest, ab welchem Breakpoint der Text unter den Steps erscheint (oder "nicht anzeigen").

***

## Zusammenfassung

#### Theme-Konfiguration

* Tab "Erweiterungen" => Bereich "Checkout-Steps" => Checkout-Steps anzeigen / Checkout-Steps im Warenkorb anzeigen
* Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration" => Darstellungsart / Icon-Stil (Steps) / Text anzeigen ab ...

#### Textbausteine

* **Text**
  * `twt.extension.checkoutSteps.step1`
  * `twt.extension.checkoutSteps.step2`
  * `twt.extension.checkoutSteps.step3`