Bild- & Galerie-Slider

In Shopware 6 gibt es verschiedenen Slider-Navigations-Elemente. Grundsätzlich wird zwischen der Dot-Navigation und den Pfeilen unterschieden.

Es gibt drei wichtige Slider-Typen

  1. Image Slider = Erlebniswelten-Element zur Darstellung von Bild-Slidern

  2. Galerie Slider = Element zur Darstellung der Produktbilder auf der Produktdetailseite

  3. Produkt Slider = Element zur Darstellung von Produktkacheln als Slider-Element

Zusätzlich kann man in den meisten Slidern bestimmen, ob die Navigationselemente innen (auf dem Bild) oder außen, außerhalb des Bildes dargestellt werden sollen.

Galerie-Slider (Navigation Modus: Außen)

Beispiel:

Pfeile und Dots einer Galerie

Galerie-Slider (Navigation Modus: Innen)

Beispiel:

Pfeile und Dots einer Galerie

Bild-Slider (Navigation Modus: Außen)

Beispiel:

Navigations-Elemente außen

Bild-Slider (Navigation Modus: Innen)

Beispiel:

Navigations-Elemente innen

Grundeinstellungen

Die Platzierung (1) der Pfeile (2) und Dots (1) kann Alternativ auf die rechte Seite des Sliders gesetzt werden. Im Standard befinden sich die Dots im unteren mittigen Bereich. Die Pfeile liegen links und rechts vertikal zentriert.

Das Aussehen der Punkte Navigation (2) kann von Punkten zu Balken oder Expandieren geändert werden.

(3, 4) Die Pfeile der jeweiligen Slider können so eingestellt werden, dass diese erst sichtbar werden, wenn man mit der Maus über dem Slider fährt.

Beispiele:

Standard Platzierung

Last updated

Was this helpful?