# Produkt Slider

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-697abc2169f4beaf400b531a5900117608a797f7%2Fdocs-theme-elemente-slider-controls-product-slider.png?alt=media)

Beispiel:

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-50c06b60e35bea2280cec78857f056845ce020d3%2Fdocs-theme-elemente-slider-controls-product-slider-demo.jpg?alt=media)

Das **Aussehen (1)** der Produktslider kann so eingestellt werden, dass auch außerhalb des aktiven Bereichs liegende Elemente mit einer Sichtbarkeit von 50% dargestellt werden. Oftmals kann dies die Wirkung des Produkt-Sliders und die Interaktion mit diesem Element erhöhen.

Optional können die Slider **Pfeile ausgeblendet (2)** und erst bei MouseOver eingeblendet werden.

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-e8fa5fe39e281273ad2fe1b80daf23a63ee16769%2Fdocs-de-config-theme-elements-product-slider-basic-configuration.png?alt=media)

Beispiele:

![Standard](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-e47da888f36538e9db70c3126309f13220e3ab40%2Fdocs-front-elemente-produkt-slider-standard.png?alt=media)

![Erweitert](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-17d0634212687b5a6f939857c13600f65e70a4b7%2Fdocs-front-elemente-produkt-slider-erweitert.png?alt=media)