> 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/produkt-slider.md).

# Produkt Slider

### Farben

![](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)

### Grundeinstellungen

![](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)

Das **Aussehen** 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 und erst bei Mouseover eingeblendet werden. Die Option dazu heißt **Pfeile nur bei Mouseover anzeigen**.

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FOeOdWzqpLjFwpxDFPXA7%2Fdocs-storefront-theme-elements-produc%20t-slider-axpanded.webp?alt=media&amp;token=06806a7c-108a-4fba-8278-610a10442ec9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FEiJLcivN44xOKQQxFD1W%2Fdocs-storefront-theme-elements-produc%20t-slider.webp?alt=media&amp;token=ec0a1cd6-6816-41c7-aa7c-72d8f4fe6cd6" alt=""><figcaption></figcaption></figure>

In neueren Versionen des Themes ist diese Einstellung zusätzlich im CMS Element des Produkt-Sliders in den Erlebniswelten zu finden. Die Vererbung auf die Voreinstellung des Themes ist dabei möglich.

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FUQstqn97oZTMxepTlAZS%2Fdocs-de-config-shopping-experience-product-slider-style.webp?alt=media&amp;token=14d4f022-55b5-4cb5-8683-e5e5d97c4a5b" alt=""><figcaption></figcaption></figure>