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.
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)
Vorschau Navigation Anzeigemodus
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.
Vorschau Navigation Breite (in px)
Definiert die Breite deiner Vorschau Navigation.
Vorschau Navigation Höhe (in px)
Definiert die Höhe deiner Vorschau Navigation.
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
Anzahl - Tablet
Definiert die Anzahl der Elemente der Vorschau Navigation für Tablets.
Anzahl - Laptop
Definiert die Anzahl der Elemente der Vorschau Navigation für Laptops.
Anzahl - Desktop
Definiert die Anzahl der Elemente der Vorschau Navigation für Desktops.
Darunterliegende Vorschau Navigation
Anzahl - Tablet
Definiert die Anzahl der Elemente der Vorschau Navigation für Tablets.
Anzahl - Laptop
Definiert die Anzahl der Elemente der Vorschau Navigation für Laptops.
Anzahl - Desktop
Definiert die Anzahl der Elemente der Vorschau Navigation für Desktops.
Über das Galerie Element einer vom Typ "Produktseite" kann man die Position der Vorschau Navigation für Tablet und Desktop über die Einstellung "Vorschau Navigation" verändern.
Die Produktgalerie bewegt sich standardmäßig beim Scrollen der Detailseite mit. Dies hat den Vorteil, dass deine Produktbilder stets im Fokus bleiben. Je nach , kann sich die Höhe deines 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.
Solltest du mit dem Konzept der noch nicht vertraut sein, empfehlen wir dir zunächst dich damit auseinanderzusetzen.
