Comment corriger la bannière masquée par des éléments du thème (New Version)

Vue d'ensemble

La bannière s'affiche sous la forme du composant web pandectes-cmp. Le CSS du thème ne le stylise pas de la même manière que l'élément #pandectes-banner de la bannière Legacy.

Les en-têtes fixes, les barres d'annonce, les boutons de chat et certaines applications utilisent un z-index très élevé. S'ils se trouvent au-dessus de la bannière, les visiteurs ne peuvent pas cliquer sur Accept ou Decline.

Sur la New Banner, augmentez l'ordre d'empilement sous Settings > Banner > Style (surfaces / z-index). La valeur maximale est 2147483647.

Avant de commencer

• Vérifiez que la bannière est activée (ou activée pour les administrateurs) et que Pandectes Core est activé dans le thème.
• Reproduisez le problème sur la boutique en ligne, et pas seulement dans l'aperçu de l'application, car l'interface de l'aperçu est différente du thème en production.

Augmenter le z-index dans Style

1. Ouvrez Shopify Admin > Apps > Pandectes GDPR Compliance.
2. Allez dans Settings > Banner > Style.
3. Trouvez surfaces / z-index.
4. Saisissez une valeur supérieure à celle de l'élément qui chevauche la bannière (souvent 999999 ou le maximum 2147483647).
5. Enregistrez.
6. Actualisez la boutique en ligne (actualisation forcée) et essayez à nouveau Accept / Decline.

Si Style ne suffit pas

Ajoutez une règle sous Style > Custom styling. Limitez-la au composant web. Consultez Personnalisation avec CSS.

Exemple :

pandectes-cmp {
  z-index: 2147483647;
}

Autres vérifications

• Sur mobile, une Bar en bas peut se retrouver sous une barre d'ajout au panier fixe. Changez la position sur mobile ou utilisez un remplacement pour mobile. Consultez Comment utiliser des dispositions de bannière différentes sur mobile et sur ordinateur (New Version).
• Les widgets de chat utilisent souvent un z-index élevé. Déplacez le consent widget dans le coin opposé. Consultez Comment activer et personnaliser le widget de consentement (New Version).
• Si les boutons ne répondent pas du tout sur iPhone, un script du thème capture peut-être les appuis. Consultez La bannière ou l'application en général ne fonctionne pas, que puis-je faire ?.

Articles associés

• Comment personnaliser le style, les couleurs, les logos et les boutons de la bannière (New Version)
• Ma bannière ne s'affiche pas : dépannage

Mis à jour le : 02/10/2026