So beheben Sie einen Banner, der hinter Theme-Elementen verschwindet (Neue Version)

Überblick

Der Banner wird als Web Component pandectes-cmp dargestellt. Das CSS Ihres Themes greift darauf nicht so zu wie beim Legacy-Element #pandectes-banner.

Fixierte Header, Ankündigungsleisten, Chat-Schaltflächen und manche Apps verwenden einen sehr hohen z-index. Liegen sie über dem Banner, können Besucher Accept oder Decline nicht anklicken.

Beim neuen Banner erhöhen Sie die Stapelreihenfolge unter Cookie banner > Style (Surfaces beziehungsweise z-index). Der Höchstwert ist 2147483647.

Neuer Banner. Gilt für Shops mit dem Hinweis New version unter Cookie banner. Beim Legacy-Banner siehe So wechseln Sie zum neuen Banner oder zurück zur vorherigen Version.

Bevor Sie beginnen

Prüfen Sie, ob der Banner aktiviert ist (oder für Administratoren aktiviert) und ob Pandectes Core im Theme eingeschaltet ist.
Reproduzieren Sie das Problem in Ihrem Live-Shop, nicht nur in der Vorschau der App, denn die Umgebung der Vorschau unterscheidet sich vom Live-Theme.

Den z-index unter Style erhöhen

Öffnen Sie Shopify Admin > Apps > Pandectes GDPR Compliance.
Gehen Sie zu Cookie banner > Style.
Suchen Sie Surfaces beziehungsweise z-index.
Tragen Sie einen Wert ein, der über dem des überlappenden Elements liegt (häufig 999999 oder der Höchstwert 2147483647).
Speichern Sie.
Laden Sie Ihren Shop mit einem harten Refresh neu und testen Sie Accept und Decline erneut.

Wenn Style nicht ausreicht

Ergänzen Sie eine Regel unter Style > Custom styling und beziehen Sie sie auf die Web Component. Siehe Eigenes Styling mit CSS.

Beispiel:

pandectes-cmp {
  z-index: 2147483647;
}

Weitere Prüfungen