> ## 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).

# Migratiegids: je Legacy-look opnieuw maken in de nieuwe versie

Bij de overgang van Legacy naar de nieuwe versie zijn we afgestapt van "hard-gecodeerde modi" en overgegaan op een **modulair systeem**. Dat geeft je meer controle, maar het betekent wel dat de namen van sommige instellingen zijn veranderd.

### 1. De koppeling van "Banner Type"
In Legacy koos je een "Banner Type" om de logica in te stellen. In de nieuwe versie stel je de logica in via het **Consent Model** en de look via **Layout**.

| **Als je Legacy-modus gebruikte...** | **Gebruik dan deze Layout en logica in de nieuwe versie...** |
| **Informative** | **Layout:** Cookie Notice (Simple) + **Consent Model:** Opt-out |
| **Accept/Decline** | **Layout:** Cookie Notice (Simple) + **Buttons:** Show "Accept-Decline" |
| **Preferences** | **Layout:** Cookie notice & Preferences center |
| **TCF Banner** | **Layout:** Preferences only + **Advanced:** Enable TCF v2.3 |

### 2. Populaire Legacy-lay-outposities opnieuw maken
De nieuwe versie gebruikt contextuele positionering. Zo vind je je oude "sweet spot" terug:
* **Voor de "Balk onderaan":**
    * Selecteer `Layout` > `Cookie notice` > `Dialog: Bar`.
    * Selecteer onder `Position` de optie `Bottom`.
* **Voor de "Klassieke popup" (midden):**
    * Selecteer `Layout` > `Cookie notice` > `Dialog: Box`.
    * Selecteer onder `Position` de optie `Center`.
* **Voor de "Zwevende rechtsonder":**
    * Selecteer `Layout` > `Cookie notice` > `Dialog: Box`.
    * Selecteer onder `Position` de optie `Bottom/Right`.
    * *Pro-tip:* Ga naar **Style > Windows** en zet `Floating` aan voor die moderne "zwevende" look.

#### 3. Je branding upgraden (tabblad Style)

De nieuwe versie biedt veel diepgaandere opmaak. Als je overstapt van de Legacy-versie, probeer dan deze nieuwe functies:

* **Auto-AI Coloring:** In plaats van handmatig HEX-codes te typen, klik je in het tabblad Style op **Auto adjust theme**. Onze AI scant je Shopify-thema en stemt de kleuren voor je af.
* **Button Styles:** Je kunt nu je "Accept"-knop **Solid** maken en je "Decline"-knop **Bordered** (Ghost-knop) om het gedrag van gebruikers te sturen - de Legacy-versie bood dit detailniveau niet.

### 4. De "Re-open Widget"

Dit is nu de **Consent Widget**.

* In de Legacy-versie was het een eenvoudige knop. In de nieuwe versie is het een volledig interactief "Choices"-menu.
* Om de V1-look te krijgen, ga je naar **Layout > Consent widget options** en stel je de `Position` in op je vorige hoek (bijv. Bottom/Left).
* **Nieuwe kracht:** Je kunt nu de knoppen in de widget afzonderlijk omdraaien, onafhankelijk van de hoofdbanner.

### 5. Laatste checklist voor een geslaagde nieuwe versie

1. **Controleer je knoppen:** In de nieuwe versie kun je de volgorde omkeren ("Reverse order"). Staat je Accept-knop aan de verkeerde kant? Zet gewoon de schakelaar om!
2. **Controleer de regio's:** De nieuwe versie is gesynchroniseerd met je **Shopify Customer Privacy API**. Zorg dat je pagina "Consent Model & Regions" "Worldwide" of je specifieke wetten toont (AVG (GDPR)/CCPA).
3. **Bekijk een voorvertoning in Dark Mode:** Gebruik de nieuwe previewer aan de rechterkant om te zien hoe je banner eruitziet voor klanten die "Dark Mode" op hun telefoon gebruiken.