<!-- Quelle: https://service.themeware.design/doku/zusatzfunktionen/erweiterungen/checkout-steps
     Alle Seiten dieser Sammlung: https://service.themeware.design/doku/llms.txt -->

# 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="../../.gitbook/assets/extensions--checkout-steps.png" 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
* Tab "Erweiterungen" => Bereich "Checkout-Steps" => Checkout-Steps im Warenkorb anzeigen
* Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration" => Darstellungsart
* Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration" => Icon-Stil (Steps)
* Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration" => Text anzeigen ab ...
* Alle Einstellungen im Detail: [Checkout-Steps](../../handbuch/erweiterungen/checkout-steps/ "mention")

#### Textbausteine

* `twt.extension.checkoutSteps.step1` (Text Step 1)
* `twt.extension.checkoutSteps.step2` (Text Step 2)
* `twt.extension.checkoutSteps.step3` (Text Step 3)
* Alle Textbausteine im Überblick: [textbausteine.md](../../mehr-wissen/textbausteine.md "mention")