De banner die achter thema-elementen verdwijnt oplossen (nieuwe versie)

Overzicht

De banner wordt weergegeven als de pandectes-cmp-webcomponent. De CSS van het thema stijlt hem niet op dezelfde manier als het Legacy-#pandectes-banner-element.

Vaste headers, aankondigingsbalken, chatknoppen en sommige apps gebruiken een zeer hoge z-index. Als die boven de banner staan, kunnen bezoekers niet op Accept of Decline klikken.

Op de New Banner verhoog je de stapelvolgorde onder Cookie banner > Style (Stacking Depth (z-index)). De maximale waarde is 2147483647.

Voordat je begint

• Controleer of de banner is ingeschakeld (of ingeschakeld voor admins) en of Pandectes Core in het thema aan staat.
• Reproduceer het probleem op de storefront en niet alleen in de preview in de app, omdat de preview er anders uitziet dan het live thema.

Verhoog z-index in Style

1. Open Shopify Admin > Apps > Pandectes GDPR Compliance.
2. Ga naar Cookie banner > Style.
3. Scroll naar Stacking Depth (z-index), onder Enable dialog shadow.
4. Voer een waarde in die hoger is dan het overlappende element (vaak 999999), of klik op Set max voor 2147483647.
5. Opslaan.
6. Ververs de storefront (hard refresh) en probeer Accept / Decline opnieuw.

Als Style niet genoeg is

Voeg een regel toe onder Style > Custom styling. Beperk deze tot de webcomponent. Zie Eigen opmaak met CSS.

Voorbeeld:

pandectes-cmp {
  z-index: 2147483647;
}

Andere controles

• Op mobiel kan een onderste Bar onder een vaste balk met de knop In winkelwagen vallen. Wijzig de positie op mobiel of gebruik een mobiele override. Zie Hoe je verschillende bannerlay-outs op mobiel en desktop gebruikt (New Version).
• Chatwidgets gebruiken vaak een hoge z-index. Verplaats de consent widget naar de tegenovergestelde hoek. Zie Hoe je de Consent widget inschakelt en aanpast (New Version).
• Als knoppen op de iPhone helemaal niet reageren, onderschept mogelijk een themascript de aanrakingen. Zie De banner of de applicatie werkt niet, wat kan ik doen?.

Gerelateerde artikelen

• Hoe je de stijl, kleuren, logo's en knoppen van de banner aanpast (New Version)
• Mijn banner verschijnt niet: probleemoplossing

Bijgewerkt op: 27/10/2026