Galerie

Ü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.

Galerie unseres Kunden https://spruchreif-geschenke.de/

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.

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.

Zuletzt aktualisiert

War das hilfreich?