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 allo stesso modo dell'elemento Legacy #pandectes-banner.

Header sticky, barre degli annunci, pulsanti della chat e alcune app usano uno z-index molto alto. Se stanno sopra il banner, i visitatori non possono cliccare Accetta o Rifiuta.

Sul Nuovo Banner, aumenta l'ordine di sovrapposizione in Cookie banner > Style (Stacking Depth (z-index)). Il valore massimo è 2147483647.

Nuovo banner. Per gli store con il badge New version su Cookie banner. Per il Banner legacy, consulta Come passare al nuovo banner o tornare alla versione precedente.

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 Admin Shopify > App > Pandectes GDPR Compliance.
Vai su Cookie banner > Style.
Scorri fino a Stacking Depth (z-index), sotto Enable dialog shadow.
Inserisci un valore più alto dell'elemento che si sovrappone (spesso 999999), oppure clicca Set max per 2147483647.
Salva.
Aggiorna lo storefront (hard refresh) e prova di nuovo Accetta / Rifiuta.

Se Style non basta

Aggiungi una regola in Style > Custom styling. Limitala al web component. Consulta Personalizzare lo stile con CSS.

Esempio:

pandectes-cmp {
  z-index: 2147483647;
}

Altre verifiche