Dokumentation

Responsives Anzeigen

Beschreibung

Sieht dein Shop am Computer super aus, lässt aber auf Mobilgeräten zu wünschen übrig? Sind Elemente auf dem Smartphone viel zu groß, auf allen anderen Geräten aber optimal? Dann wurde das Plugin „Responsives Ein- und Ausblenden für Erlebniswelten“ genau dafür entwickelt.

Diese Erweiterung macht es möglich, verschiedene Bereiche auf unterschiedlichen Geräten anzuzeigen oder auszublenden. So kannst du Elemente etwa auf dem Smartphone anzeigen, auf dem Desktop aber nicht – mit einem einzigen Klick auf einen Schalter. Zusätzlich zeigt dir der Editor auf Wunsch direkt eine Vorschau, auf welchen Geräten eine Sektion oder ein Block sichtbar ist. Du musst also nicht mehr laufend zwischen Administration und Shop wechseln.

Ein- und ausblenden lassen sich sowohl ganze Sektionen als auch einzelne Layout-Blöcke – gezielt auf Mobilgeräten, Tablets, Laptops, Desktops oder besonders großen Monitoren.

Highlights

  • Erlebniswelten-Sektionen und -Blöcke je nach Gerät ein- und ausblenden
  • Vorschau der Geräteansichten direkt im Admin-Editor
  • Auswahl und Vorschau für fünf verschiedene Gerätegrößen
  • Kein zusätzliches JavaScript im Shop, daher kein Einfluss auf die Ladezeiten

Konfiguration

In der Pluginkonfiguration stehen folgende Einstellungsmöglichkeiten zur Verfügung.

Inhalte mit Bildern für bessere Performance nachladen Diese Einstellung kann die Performance des Shops in Prüftools wie Google Lighthouse verbessern, indem Erlebniswelten-Blöcke mit Bildern nur dann heruntergeladen werden, wenn sie auch angezeigt werden sollen.

Möchtest du beispielsweise eine Bildergalerie nur auf dem Desktop anzeigen, würden die Bilder standardmäßig trotzdem auch auf mobilen Geräten heruntergeladen, was unnötige Ladezeiten verursacht. Wenn du diese Einstellung aktivierst, werden Inhalte mit Bildern beim Laden der Seite vorerst ignoriert und anschließend je nach Gerät (mobil, Desktop etc.) nachgeladen.