> 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/allgemein/preloader.md).

# Preloader

Der Preloader ist eine Animation beim Laden der Seite. Dadurch wird dem Sucher der häufig unschöne Aufbau der Seite durch eine kleine Animation überblendet. Hier kann auch das Shoplogo animiert eingebunden werden.

Die **Anzeige (1)** kann so eingestellt werden, dass die Animation bei jedem Seitenübergang order nur beim Laden der Startseite angezeigt wird. Neben Hintergrund und Farbe besteht die Möglichkeit das Verschwinden des Preloaders mit Hilfe der **Ausblende Animation (3)** zu animieren.

**Timeout (4)** gibt die Zeit in Millisekunden an, wie lange der Preloader mindestens sichtbar ist. Bei sehr kurzen Ladezeiten kann es sonst vorkommen, dass der Preloader nur kurz aufflackert.

![](/files/XEWd2ZepElhYtGWeOek2)

Beispiel:

![](/files/L2hhLiUIG2sHHCtq6luw)