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

# Overstappen naar de nieuwe banner of terug naar de vorige versie

### Overzicht

Dit artikel legt uit hoe je wisselt tussen de **Legacy-banner** en de **nieuwe banner**. Na het overstappen veranderen de tabbladen van de Banner-pagina en enkele instellingen.

| | Legacy | Nieuwe versie |
| -------- | -------- | -------- |
| Bannertabbladen | Behavior, Style, Content | Layout, Content, Style, Advanced |
| Toestemmingsbeleid | Banner Behavior (beleidsmodus) | **All settings > Consent model & regions** |
| Webshop | `#pandectes-banner` | webcomponent `pandectes-cmp` |

Op de Banner-pagina van de nieuwe banner kun je **Switch to previous version** gebruiken. Upgraden gebeurt via de upgradeflow in de app op de Banner-pagina.

Lees eerst het productoverzicht: [Introducing our New, Faster and Optimized Pandectes GDPR Compliance Banner](/nl/article/nieuwe-snellere-geoptimaliseerde-pandectes-gdpr-compliance-banner-ic5tdw/).

### Voordat je begint

* Noteer eventuele **aangepaste CSS** op het Legacy-tabblad Style. Die wordt **niet** automatisch gekopieerd.
* Noteer eventuele **JavaScript API**-snippets in het thema. De nieuwe banner gebruikt een opnieuw ontworpen API.
* De Legacy-optie **Reset consent on reopen** is **niet** beschikbaar in de nieuwe banner.
* Controleer na het overstappen Checkout block, aangepaste storefront (headless) en gebruik van de JS API.

### Overstappen naar de nieuwe banner

1. Open **Shopify Admin > Apps > Pandectes GDPR Compliance**.
2. Ga naar **Cookie banner**.
3. Volg de **upgrade**- / New version-melding in de app als je nog op Legacy zit.
4. Controleer of het label op de pagina **New version** toont.

![Banner-pagina met het label New version en Switch to previous version](https://images.pandect.es/knowledge-base/how-to-switch-to-the-new-banner-or-switch-back-to-the-previous-version-1.png =900xauto)
5. Open **All settings > Consent model & regions** en stel het toestemmingsmodel en de regio's in (dit verving Geolocation + Legacy-beleidsmodus).
6. Maak de look-and-feel opnieuw: [Migration Guide: Recreating your Legacy Look in New Version](/nl/article/migratiegids-je-legacy-look-opnieuw-maken-in-de-nieuwe-versie-13ied6t/).
7. Plak de benodigde CSS onder **Style > Custom styling**. Zie [Custom styling with CSS](/nl/article/aangepaste-styling-met-css-xah8nh/).
8. Als je de JS API gebruikte, volg dan [Javascript API (New Version)](/nl/article/javascript-api-nieuwe-versie-3ad16r/).
9. Test met **Enable for admins** en schakel daarna in voor bezoekers.

### Terug naar de vorige versie

1. Open **Cookie banner** (nieuwe versie).
2. Kies **Switch to previous version**.
3. Controleer of de bannertabbladen weer **Behavior**, **Style** en **Content** zijn.
4. Controleer opnieuw Geolocation / Legacy-beleidsmodus, aangepaste CSS en alle snippets voor heropenen of de JS API die voor de nieuwe banner zijn geschreven.

||| Terugschakelen kan veranderen hoe bezoekers de banner zien. Test in een privévenster. Overweeg **Reset user consents** alleen als je privacyverklaring of toestemmingslogica is gewijzigd op een manier waarbij opnieuw vragen nodig is.

### Wat niet wordt overgenomen

* Legacy aangepaste CSS: [Custom styling with CSS (Legacy Banner)](/nl/article/aangepaste-styling-met-css-legacy-banner-gjytmy/)
* Namen van JS API-methoden en gebeurtenissen van Legacy
* Toestemming resetten wanneer op de heropenknop wordt geklikt

Reeds opgeslagen toestemmingsgegevens worden niet verwijderd door te wisselen van bannergeneratie. Gebruik **All settings > Reset user consents** alleen wanneer je van plan bent elke bezoeker opnieuw te vragen.

### Gerelateerde artikelen

* [Consent Model & Regions (New Version)](/nl/article/toestemmingsmodel-en-regios-nieuwe-versie-qa6o84/)
* [Javascript API (Old Version)](/nl/article/javascript-api-oude-versie-13qf2k0/)