> For the complete documentation index, see [llms.txt](https://coolbax.gitbook.io/coolbax-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://coolbax.gitbook.io/coolbax-docs/theme/theme-einstellungen/checkout.md).

# Checkout

## Banner im Offcanvas Warenkorb

Mit diesem Funktion können Sie ein Banner im Offcanvas Warenkorb ausgeben lassen, welcher unter dem Button: Zur Kasse eingeblendet wird.&#x20;

<figure><img src="/files/TMlFVUkNZEHvl5yaaqVC" alt=""><figcaption><p>Beispiel: Sale Banner im Offcanvas Warenkorb</p></figcaption></figure>

{% hint style="info" %}
Das Banner sollte eine Breite von max. 360px haben. Die Höhe können Sie individuell bestimmen.
{% endhint %}

In den Einstellungen für dieses Features legen Sie fest: &#x20;

* Legen Sie das Start und Enddatum mit Uhrzeitangabe fest.
* Die Verlinkung mit Eingabe der URL und ob die Seite in einem extra Tab geöffnet werden soll
* Auswahl der Grafik aus den Medien oder Sie laden eine Datei von ihrem Rechner hoch

## Warenkorb in der Sidebar

Der Warenkorb besteht aus der Zusammenfassung des Warenkorbs (Preise, Versand usw.) und der Auflistung der Produkte, welche sich im Warenkorb befinden.&#x20;

Die Zusammenfassung ist auf allen Seiten im Checkoutprozess abgebildet. Die Auflistung der Produkte finden Sie auf der Seite: Versandinformationen (Anmeldung)

<figure><img src="/files/ytvprzIXhzffvhxIWf1E" alt=""><figcaption><p>Farbeinstellungen für den Warenkorb in der Sidebar</p></figcaption></figure>

* **1) Rahmen + Rahmenfarbe:** Hier haben Sie die Möglichkeit einen Rahmen um die Zusammenfassung und Produkte zu legen
* **2) Hintergrundfarbe:** Bestimmen Sie die Hintergrundfarbe für die Zusammenfassung.
* **3) Schriftfarbe:** Bestimmen Sie die Schriftfarbe für die Zusammenfassung.
* **4) Badge anzeigen + Hintergrund- & Schriftfarbe:** Bei Aktivierung wird die Menge im Warenkorb als Badge am Bild angezeigt. Schriftfarbe und Hintergrundfarbe vom Bade bestimmen.

<figure><img src="/files/UoHGtyetsAwD8EnWjVFI" alt=""><figcaption><p>Beispiel für alle Einstellungsmöglichkeiten aus dem Bereich: Warenkorb in der Sidebar</p></figcaption></figure>
