> 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

### Grundeinstellungen

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 oder nur beim Laden der Startseite angezeigt wird. Neben Hintergrund und Farbe besteht die Möglichkeit, das Verschwinden des Preloaders mithilfe 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.

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

Beispiel:

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-68292cb36b5daf1ced3deaa0076e2b84fc6b5ba0%2Fdocs-front-preloader.jpg?alt=media)