# Layout

### Übersicht

In diesem Abschnitt kannst du globale Einstellungen für deinen gesamten [Checkout Prozess](https://docs.atloss.de/academy/fachbegriffe/checkout) vornehmen. Alle Konfigurationsoptionen wirken sich dabei gleichermaßen auf [Registrierung](https://docs.atloss.de/theme-konfiguration/checkout/registrierung), Bestätigung und [Abschluss](https://docs.atloss.de/theme-konfiguration/checkout/abschluss) aus.

<figure><img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2F1w1TVdJXeQRWTCymzfyD%2Fcheckout-layout.webp?alt=media&#x26;token=e2ce5f74-3681-431b-bdb2-125720ea1a0b" alt=""><figcaption><p>Checkout Registrierung unseres Kunden <a href="https://outdoordino.de/">https://outdoordino.de/</a></p></figcaption></figure>

### Grundeinstellungen

<figure><img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2F8dlXSQ63vikaUCAOqeIB%2Fcheckout-layout-grundeinstellungen.webp?alt=media&#x26;token=ddfb3624-baf9-4987-b76d-5fcc1ca1cb21" alt=""><figcaption></figcaption></figure>

<details>

<summary>Größe des Logos (in px)</summary>

Lege die Größe deines Logos im Checkout fest. Standardmäßig wird hier das [Desktop Logo](https://docs.atloss.de/allgemein/medien#desktop) eingebunden.

</details>

<details>

<summary>Sticky Warenkorbübersicht</summary>

**Ja**\
Die Warenkorbübersicht auf der rechten Seite bewegt sich beim Scrollen mit. Somit hat der Kunde seine Bestellung stets im Blick. Gerade bei kleinen Durchschnittswarenkörben im B2C Bereich kann diese Einstellung Sinn machen.

**Nein**\
Die Warenkorbübersicht bleibt beim Scrollen statisch an ihrem Platz. Diese Einstellung empfiehlt sich besonders bei großen Durchschnittswarenkörben, wie es bspw. im B2B Bereich der Fall ist. Dies erleichtert es den Überblick bei vielen Positionen zu behalten.

</details>

<details>

<summary>Produktnummer der Positionen anzeigen</summary>

**Ja**\
Die Produktnummer wird bei den einzelnen Positionen, sofern sie gepflegt wurde, angezeigt. Dies kann im B2B Bereich häufig Sinn ergeben.

**Nein**\
Die Produktnummer der Positionen wird deaktiviert. Gerade im B2C Bereich ist die Angabe von Produktnummer im Checkout nicht so wichtig.

</details>

<details>

<summary>MwSt. der Positionen anzeigen</summary>

**Ja**\
Die MwSt. wird bei den einzelnen Positionen angezeigt. Dies kann im B2B Bereich häufig Sinn ergeben.

**Nein**\
Die MwSt. der Positionen wird deaktiviert. Gerade im B2C Bereich ist die Angabe der MwSt. pro Position im Checkout nicht so wichtig.

</details>

<details>

<summary>Gutschein-Feld</summary>

**Anzeigen**\
Es wird ein Gutschein-Feld in den Checkout integriert.

**Ausblenden**\
Es wird kein Gutschein-Feld in den Checkout eingebunden.

</details>

<details>

<summary>Vorteile</summary>

**Keine**\
Es werden keine Vorteile im Checkout angezeigt.

**Ein Vorteil**\
Es wird ein Vorteil im Checkout angezeigt.

**Zwei Vorteile**\
Es werden zwei Vorteile im Checkout angezeigt.

***

Den Inhalt kannst du in den [Textbausteinen](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) jederzeit auf deine Bedürfnisse anpassen und übersetzen.\
\
Name: `theme.checkout.advantagesTitle`\
Standardwert: Vorteile wenn du bei uns bestellst:

Name: `theme.checkout.advantage1`\
Standardwert: \<div class="mb-1">100 Tage Testen\</div> \<div>Du kannst alle unserer Produkte 100 Tage testen. Falls sie dir nicht gefallen, kannst du sie einfach an uns zurückschicken.\</div>

Name: `theme.checkout.advantage2`\
Standardwert: \<div class="mb-1">Schneller Versand\</div> \<div>Wir alle hassen das ewige Warten auf unsere Pakete - wir setzen daher alles daran, dass deine Bestellung schnell bei dir ankommt.\</div>

</details>

### Medien

<figure><img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2FPOKeekayZ4VTVdact9Ak%2Fcheckout-layout-medien.webp?alt=media&#x26;token=56af0a6c-8c1c-4d58-8091-7e2f2a56b844" alt=""><figcaption></figcaption></figure>

<details>

<summary>Bild zum ersten Vorteil</summary>

Hier kann noch ein passendes Bild zum ersten Vorteil hinterlegt werden.

</details>

<details>

<summary>Bild zum zweiten Vorteil</summary>

Hier kann noch ein passendes Bild zum zweiten Vorteil hinterlegt werden.

</details>

### Farben

<figure><img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2FLzBadoLcuGcTUTBkKs1I%2Fcheckout-layout-farben.webp?alt=media&#x26;token=9f906f1b-5809-4cc2-8b9f-12b767699b64" alt=""><figcaption></figcaption></figure>

<details>

<summary>Primärfarbe</summary>

Legt die Primärfarbe fest. Diese Farbe zieht sich wie ein roter Faden durch deinen gesamten Checkout.

</details>