> ## 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). # De lay-out van de banner aanpassen (nieuwe versie) ### Overzicht Met de **Layout**-instellingen bepaal je hoe de cookiebanner op je winkel verschijnt en zich gedraagt. Je kunt het **uiterlijk van de bannerdialoog, de positionering, de knoplay-out en animatie-effecten** rechtstreeks in de applicatie aanpassen. Om deze opties te openen, ga je naar: **Cookie banner > Layout** ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41126_1uppcxs.png) De lay-outconfiguratie werkt samen met de instelling **Consent dialogs**, die bepaalt of bezoekers een **cookiemelding, een voorkeurendialoog of beide na elkaar** zien. --- ### Consent Dialogs De eerste stap bij het configureren van de bannerlay-out is selecteren welke **toestemmingsdialogen** aan bezoekers worden getoond. Beschikbare opties zijn onder meer: 1. **Cookie Notice** – Toont een banner waarin bezoekers snel cookies kunnen accepteren of weigeren. 2. **Cookie Notice & Preferences** – Toont eerst een cookiemelding en laat bezoekers de voorkeurendialoog openen om cookiecategorieën te beheren. 3. **Preferences Only** – Toont meteen de volledige voorkeurendialoog, zodat bezoekers cookiecategorieën direct kunnen configureren. ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41157_kk3yj.png) --- # Lay-outopties voor Cookie Notice Wanneer de dialoog **Cookie Notice** is ingeschakeld, komen er verschillende lay-outopties beschikbaar. Deze opties bepalen hoe de eerste banner wordt weergegeven. --- ### Dialog Appearance Bepaalt het visuele formaat van de cookiemelding. Beschikbare lay-outs: * **Box** – Een compacte dialoog die als zwevend venster verschijnt. * **Bar** – Een horizontale banner over de pagina. * **Wide** – Een grotere dialoog met meer ruimte voor inhoud. --- ### Position Bepaalt waar de banner op het scherm verschijnt. De beschikbare posities hangen af van het geselecteerde dialoogtype. Voorbeelden zijn: * Center * Top left * Top center * Top right * Bottom left * Bottom center * Bottom right * Middle left Bij de lay-out **Bar** kan de banner verschijnen aan de: * Top * Bottom ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41246_1pohuc4.png) --- ### Window Size Bepaalt de totale grootte van de bannerdialoog. Beschikbare formaten: * XS * SM * MD * LG * XL Grotere formaten bieden meer ruimte voor langere berichten, logo's en extra knoppen. --- ### Animation (Show / Hide) Bepaalt de animatie die wordt gebruikt wanneer de banner verschijnt of verdwijnt. Beschikbare animatiestijlen: * Fade * Slide * Zoom * Grow Animaties maken de interactie met de banner soepeler en opvallender. --- ### Buttons Bepaalt welke knoppen in de dialoog van de cookiemelding verschijnen. Beschikbare opties zijn onder meer: * **Accept–Decline** (aanbevolen) * **Accept only** * **Decline only** * **Preferences** De geselecteerde configuratie bepaalt welke keuzes bezoekers hebben. --- ### Button Layout Bepaalt hoe knoppen in de banner zijn gerangschikt. Beschikbare lay-outs: * Horizontal * Horizontal (grouped) * Horizontal (justified) --- ### Additional Options Aanvullende lay-outaanpassingen zijn onder meer: **Reverse order** Draait de volgorde van de knoppen om. **Hide header** Verbergt de header-elementen van de banner, zoals: * Titel * Logo * Sluitknop * Taalkiezer **Center align** Centreert de inhoud van de banner, waaronder: * Header * Bericht * Knoppen Dit werkt het best met de dialoogtypen **Box** en **Wide**. --- # Lay-outopties voor de voorkeurendialoog Wanneer de **Preferences dialog** is ingeschakeld, komen er extra lay-outinstellingen beschikbaar voor het gedetailleerde toestemmingsvenster. ![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-05-at-41352_1uts38o.png) --- ### Dialog Appearance Bepaalt de lay-outstijl van het voorkeurenvenster. Beschikbare opties: * **Box** – Een gecentreerde zwevende dialoog. * **Drawer** – Een schuifpaneel dat van boven of onder verschijnt. * **Sidepanel** – Een paneel dat vanaf de linker- of rechterkant inschuift. --- ### Position De positie hangt af van het geselecteerde dialoogtype. Voorbeelden zijn: Voor **Box**: * Center * Top left * Top center * Top right * Bottom left * Bottom center * Bottom right Voor **Drawer**: * Top * Bottom Voor **Sidepanel**: * Left * Right --- ### Buttons Bepaalt welke knoppen beschikbaar zijn in de voorkeurendialoog. Beschikbare configuraties: * Accept–Decline * Accept only * Decline only --- ### Button Layout Bepaalt hoe actieknoppen worden weergegeven. Beschikbare lay-outs: * Vertical * Vertical (grouped) * Horizontal * Horizontal (grouped) * Horizontal (justified) --- ### Additional Options **Reverse order** Draait de volgorde van de knoppen om. **Require Save Preferences** Wanneer ingeschakeld: * Passen de knoppen Accept en Decline de categorieselecties aan * Wordt toestemming pas opgeslagen na een klik op **Save preferences** Deze optie geeft bezoekers meer controle om hun keuzes te bekijken voordat ze die bevestigen. --- ### Categories & Cookies Display Bepaalt hoe cookiecategorieën en details in de voorkeurendialoog worden weergegeven. Beschikbare opties zijn onder meer: **Show category descriptions** Toont een korte uitleg onder elke cookiecategorie. **Show cookies list** Laat bezoekers categorieën uitklappen en de afzonderlijke cookies bekijken die erbij horen. **Use checkboxes instead of switches** Toont categoriebesturing als selectievakjes in plaats van schakelaars. --- ### Animation Bepaalt hoe de voorkeurendialoog verschijnt en sluit. Beschikbare animatietypen: * Fade * Slide * Zoom * Grow --- ### Samenvatting Met de **Layout-instellingen** heb je volledige controle over hoe de toestemmingsdialogen verschijnen en zich gedragen. Met deze opties kun je instellen: * Het type toestemmingsdialoog dat wordt getoond * De positie en grootte van de banner * Knoplay-out en interactieopties * De structuur van de voorkeurendialoog * Animaties en visuele presentatie Samen zorgen deze instellingen ervoor dat de banner soepel past bij het ontwerp en de gebruikerservaring van je winkel.