> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Das Layout des Banners anpassen (Neue Version) ### Überblick Über die **Layout**-Einstellungen steuern Sie, wie der Cookie-Banner in Ihrem Shop erscheint und sich verhält. Sie passen **Erscheinungsbild des Dialogs, Position, Anordnung der Schaltflächen und Animationseffekte** direkt in der Anwendung an. Die Optionen finden Sie unter: **Cookie banner > Layout** ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41126_1uppcxs.png) Die Layout-Konfiguration arbeitet mit der Einstellung **Consent dialogs** zusammen, die bestimmt, ob Besucher einen **Cookie-Hinweis, das Präferenzfenster oder beides nacheinander** sehen. --- ### Einwilligungsdialoge Der erste Schritt beim Konfigurieren des Layouts ist die Auswahl der **Einwilligungsdialoge**, die Besuchern angezeigt werden. Zur Verfügung stehen: 1. **Cookie Notice** – zeigt einen Banner, in dem Besucher Cookies schnell akzeptieren oder ablehnen. 2. **Cookie Notice & Preferences** – zeigt zuerst einen Cookie-Hinweis und erlaubt es, das Präferenzfenster zu öffnen, um Kategorien zu verwalten. 3. **Preferences Only** – zeigt sofort das vollständige Präferenzfenster, in dem Besucher die Kategorien direkt konfigurieren. ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41157_kk3yj.png) --- # Layout-Optionen des Cookie-Hinweises Ist der Dialog **Cookie Notice** aktiviert, stehen mehrere Layout-Optionen zur Verfügung. Sie bestimmen, wie der erste Banner dargestellt wird. --- ### Erscheinungsbild des Dialogs Steuert das visuelle Format des Cookie-Hinweises. Verfügbare Layouts: * **Box** – ein kompakter Dialog, der als schwebendes Fenster erscheint. * **Bar** – ein waagerechter Banner über die Seitenbreite. * **Wide** – ein größerer Dialog mit mehr Platz für Inhalte. --- ### Position Legt fest, wo der Banner auf dem Bildschirm erscheint. Welche Positionen zur Verfügung stehen, hängt vom gewählten Erscheinungsbild ab. Beispiele: * Center * Top left * Top center * Top right * Bottom left * Bottom center * Bottom right * Middle left Beim Layout **Bar** kann der Banner erscheinen: * oben * unten ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41246_1pohuc4.png) --- ### Fenstergröße Steuert die Gesamtgröße des Banner-Dialogs. Verfügbare Größen: * XS * SM * MD * LG * XL Größere Werte schaffen Platz für längere Texte, Logos und zusätzliche Schaltflächen. --- ### Animation (Ein- und Ausblenden) Steuert die Animation beim Erscheinen und Verschwinden des Banners. Verfügbare Stile: * Fade * Slide * Zoom * Grow Animationen machen die Interaktion flüssiger und auffälliger. --- ### Schaltflächen Legt fest, welche Schaltflächen im Cookie-Hinweis erscheinen. Zur Verfügung stehen: * **Accept–Decline** (empfohlen) * **Accept only** * **Decline only** * **Preferences** Die gewählte Konfiguration bestimmt, welche Optionen Besucher haben. --- ### Anordnung der Schaltflächen Steuert, wie die Schaltflächen im Banner angeordnet sind. Verfügbare Anordnungen: * Horizontal * Horizontal (gruppiert) * Horizontal (ausgerichtet) --- ### Weitere Optionen **Reverse order** Kehrt die Reihenfolge der Schaltflächen um. **Hide header** Blendet die Kopfelemente des Banners aus, darunter: * Titel * Logo * Schließen-Schaltfläche * Sprachauswahl **Center align** Zentriert den Inhalt des Banners, einschließlich: * Kopfbereich * Text * Schaltflächen Das wirkt am besten mit den Dialogtypen **Box** und **Wide**. --- # Layout-Optionen des Präferenzfensters Ist das **Präferenzfenster** aktiviert, stehen zusätzliche Layout-Einstellungen für den ausführlichen Einwilligungsdialog zur Verfügung. ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41352_1uts38o.png) --- ### Erscheinungsbild des Dialogs Legt den Layout-Stil des Präferenzfensters fest. Zur Verfügung stehen: * **Box** – ein zentrierter, schwebender Dialog. * **Drawer** – ein Panel, das von oben oder unten hereinfährt. * **Sidepanel** – ein Panel, das von links oder rechts hereinfährt. --- ### Position Die Position hängt vom gewählten Dialogtyp ab. Beispiele: Für **Box**: * Center * Top left * Top center * Top right * Bottom left * Bottom center * Bottom right Für **Drawer**: * oben * unten Für **Sidepanel**: * links * rechts --- ### Schaltflächen Legt fest, welche Schaltflächen im Präferenzfenster verfügbar sind. Zur Verfügung stehen: * Accept–Decline * Accept only * Decline only --- ### Anordnung der Schaltflächen Steuert, wie die Aktionsschaltflächen dargestellt werden. Verfügbare Anordnungen: * Vertikal * Vertikal (gruppiert) * Horizontal * Horizontal (gruppiert) * Horizontal (ausgerichtet) --- ### Weitere Optionen **Reverse order** Kehrt die Reihenfolge der Schaltflächen um. **Require Save Preferences** Ist die Option aktiviert: * aktualisieren Accept und Decline die Auswahl der Kategorien * wird die Einwilligung erst nach einem Klick auf **Save preferences** gespeichert So können Besucher ihre Auswahl vor der Bestätigung noch einmal prüfen. --- ### Darstellung von Kategorien und Cookies Steuert, wie Cookie-Kategorien und Details im Präferenzfenster erscheinen. Zur Verfügung stehen: **Show category descriptions** Zeigt unter jeder Cookie-Kategorie eine kurze Erläuterung. **Show cookies list** Erlaubt Besuchern, Kategorien aufzuklappen und die einzelnen Cookies zu sehen. **Use checkboxes instead of switches** Zeigt die Kategoriesteuerung als Kontrollkästchen statt als Schalter. --- ### Animation Steuert, wie das Präferenzfenster erscheint und sich schließt. Verfügbare Animationstypen: * Fade * Slide * Zoom * Grow --- ### Zusammenfassung Über die **Layout-Einstellungen** steuern Sie vollständig, wie die Einwilligungsdialoge erscheinen und sich verhalten. Mit diesen Optionen konfigurieren Sie: * die Art des angezeigten Einwilligungsdialogs * Position und Größe des Banners * Anordnung der Schaltflächen und Interaktionsmöglichkeiten * den Aufbau des Präferenzfensters * Animationen und visuelle Darstellung Gemeinsam sorgen diese Einstellungen dafür, dass sich der Banner harmonisch in Design und Nutzungserlebnis Ihres Shops einfügt.