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

# Produkt slider

![](/files/7wvaAAtPduIJrres36T0)

Example:

![](/files/2CE4wtyBJGlrFfy2US8F)

The **appearance (1)** of the product slider can be set to display elements outside the active area with 50% visibility. Often this can increase the impact of the product slider and the interaction with this element.

Optionally, you can **show arrow controls on mouseover only (2)**. 

![](/files/LB1pu4iR9lWmAaiO2KaK)

Example:

![Default](/files/-MfHfWlN1HnGQxc4bp5d)

![Expanded](/files/-MfHfb4qDfdHMQtbcgWx)