> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/elemente/bild-and-galerie-slider.md).

# Bild- & Galerie-Slider

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)

![](/files/70CfOlxwqKqnExzF0dR2)

Beispiel:

![Pfeile und Dots einer Galerie](/files/Yno5vIjxkJWzmnfhRyHF)

### Galerie-Slider (Navigation Modus: Innen)

![](/files/vhJAoDcVrkLACQVDX9Og)

Beispiel:

![Pfeile und Dots einer Galerie](/files/Yno5vIjxkJWzmnfhRyHF)

### Bild-Slider (Navigation Modus: Außen)

![](/files/sg4ybnZoTYKHW7VeEoo1)

Beispiel:

![Navigations-Elemente außen](/files/Ny7xUin8qxFBMYx4waCJ)

### Bild-Slider (Navigation Modus: Innen)

![](/files/M9ZeO5tzXD2sxAcRmL21)

Beispiel:

![Navigations-Elemente innen](/files/xdCBNH6LYqnjMdCVl7cp)

### Grundeinstellungen

![](/files/3NGLXwxQtW9GwM5TT0Vm)

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](/files/6bWmuDwRJZtRyHNqe3eE)