So nutzen Sie unterschiedliche Banner-Layouts auf Mobil und Desktop (Neue Version)

Überblick

Viele Einstellungen unter Layout und Style unterstützen eine mobile Abweichung, damit Smartphones nicht den Desktop-Dialog verwenden müssen.

Auf dem Desktop nutzen Sie vielleicht einen Hinweis im Format Wide oder Box. Auf dem Smartphone kann dieselbe Breite die Produktseite verdecken. Beim neuen Banner behalten Sie den Desktop unverändert und wählen für Mobilgeräte eine Bar, eine kleinere Größe oder eine andere Position.

Die Abweichungen werden als Mobile same as desktop beziehungsweise Mobile different from desktop gespeichert.

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 unter Cookie banner der Hinweis New version steht.
Nutzen Sie beim Bearbeiten den Umschalter Desktop / Mobile in der Vorschau. Siehe Den Live-Vorschaumodus des Banners nutzen.

Mobilgeräte unabhängig einstellen

Öffnen Sie Shopify Admin > Apps > Pandectes GDPR Compliance.
Gehen Sie zu Cookie banner.
Öffnen Sie Layout (und Style, wenn Sie auf Mobilgeräten auch andere Farben, Abstände oder Logos möchten).
Suchen Sie eine Einstellung, die Mobile same as desktop anzeigt.
Stellen Sie sie auf Mobile different from desktop um.
Legen Sie den mobilen Wert fest (Erscheinungsbild, Position, Größe, Anordnung der Schaltflächen und so weiter).
Wiederholen Sie das für jede Einstellung, die abweichen soll.
Speichern Sie.

Häufige Abweichungen im Layout:

Appearance des Cookie-Hinweises (Box, Bar, Wide)
Position
Width (XS bis XL)
Anordnung der Schaltflächen
Erscheinungsbild der Präferenzen (Box, Drawer, Sidepanel)

Häufige Abweichungen im Style:

Abstände, Rundungen und Floating
Schriftgröße
Größe der Schaltflächen

Empfohlene mobile Konfiguration

Nutzen Sie auf Mobilgeräten bevorzugt eine Bar am unteren Rand, damit Produktbilder sichtbar bleiben.
Halten Sie Accept und Decline nach Möglichkeit in einer Zeile.
Prüfen Sie die Position des Consent Widgets, damit es weder In den Warenkorb noch eine Chat-Blase verdeckt.

Prüfen