Galery
Übersicht
In diesem Abschnitt kannst du Einstellungen für deine Produktgalerie vornehmen. Die Galerie lässt sich hierbei in zwei Abschnitte unterteilen. Die Vorschau Navigation und das ausgewählte Bild.
Über das Galerie Element einer Erlebniswelt vom Typ "Produktseite" kann man die Position der Vorschau Navigation für Tablet und Desktop über die Einstellung "Vorschau Navigation" verändern.
Grundeinstellungen
Style
Standard Es wird ein Galerie-Slider mit Thumbnails zur Anzeige der Produktbilder verwendet.
Gitter Die Produktbilder werden in einem Gitter ohne Thumbnail Navigation angezeigt.
Versatz (in px)
Die Produktgalerie bewegt sich standardmäßig beim Scrollen der Detailseite mit. Dies hat den Vorteil, dass deine Produktbilder stets im Fokus bleiben. Je nach Konfiguration, kann sich die Höhe deines Headers jedoch unterscheiden. Da der Header ebenfalls ein mitscrollendes Seitenelement ist, kann es zu Überschneidungen von Produktgalerie und Header kommen. Damit man diesem Problem entgegensteuern kann, hast du die Möglichkeit in diesem Feld den Versatz zu definieren, damit die Galerie ausreichend Abstand zum Header behält.
Vorschau Navigation Anzeigemodus
Solltest du mit dem Konzept der Anzeigemodi noch nicht vertraut sein, empfehlen wir dir zunächst dich damit auseinanderzusetzen.
Füllen Mit diesem Anzeigemodus wird das Bild innerhalb der Vorschau Navigation auf alle Seiten gestreckt, sodass es die Box komplett ausfüllt. Je nach Seitenverhältnis des Bildes, kann es hier passieren, dass das Produktbild zugeschnitten wird.
Strecken Dieser Anzeigemodus streckt die Produktbilder innerhalb der Vorschau Navigations auf die maximale Größe ohne dabei das ursprüngliche Seitenverhältnis zu verändern.
Position Mobil
Ausblenden Die Vorschau Navigation wird mobil deaktiviert.
Unterhalb Die Vorschau Navigation wird mobil unterhalb des ausgewählten Bildes dargestellt.
Galeriebilder Ausrichtung
Oben Die Galeriebilder werden am oberen Rand ausgerichtet.
Zentriert Die Galeriebilder werden zentriert ausgerichtet.
Linke Vorschau Navigation
Darunterliegende Vorschau Navigation
Was this helpful?