Questo articolo è disponibile anche in:

Come risolvere il banner nascosto dietro gli elementi del tema (nuova versione)

Panoramica

Il banner viene renderizzato come web component pandectes-cmp. Il CSS del tema non lo stila come l'elemento #pandectes-banner del banner Legacy.

Header fissi, barre di annuncio, pulsanti di chat e alcune app usano uno z-index molto alto. Se si trovano sopra il banner, i visitatori non possono cliccare su Accept o Decline.

Nel nuovo banner, aumenta l'ordine di sovrapposizione in Cookie banner > Style (surfaces / z-index). Il valore massimo è 2147483647.

Nuovo banner. Per i negozi che mostrano il badge New version in Cookie banner. Se usi il banner Legacy, vedi How to switch to the new banner or switch back to the previous version.

Prima di iniziare

Verifica che il banner sia attivo (o attivo per gli admin) e che Pandectes Core sia attivo nel tema.
Riproduci il problema sullo storefront, non solo nell'anteprima dell'app, perché l'interfaccia dell'anteprima è diversa dal tema live.

Aumenta lo z-index in Style

Apri Shopify Admin > Apps > Pandectes GDPR Compliance.
Vai su Cookie banner > Style.
Trova surfaces / z-index.
Inserisci un valore più alto di quello dell'elemento che si sovrappone (spesso 999999 oppure il massimo 2147483647).
Clicca su Save.
Aggiorna lo storefront (aggiornamento forzato) e prova di nuovo Accept / Decline.

Se Style non basta

Aggiungi una regola in Style > Custom styling. Limitala al web component. Vedi Custom styling with CSS.

Esempio:

pandectes-cmp {
  z-index: 2147483647;
}

Altri controlli