# Preloader

The preloader is an animation when loading the page. This fades the often unattractive structure of the page to the viewer with a small animation. The store logo can also be integrated here in an animated way.

**Display (1)** allows you to choose to display the animation on every page or only when the home page is loaded. In addition to background and color, there is a possibility to set a **hide animation (3)** to animate the hiding of the preloader.

**Timeout (4)** specifies the time in milliseconds how long the preloader is at least visible. Otherwise, with very short loading times, the preloader may only flare up briefly.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FeSWH6qYLcz8X9Jkw0hP5%2Fdocs-en-config-theme-general-preloader.png?alt=media\&token=a2f4921b-c197-41db-9229-45f08f31e532)

Example:

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCG4xkoMVXEQllVF5R9%2F-MHWdF5MXOhs98FnI8Uj%2F-MHWdyhlajn79ouX_38A%2Fdocs-front-preloader.jpg?alt=media\&token=c0aaa62e-bb0b-4b16-8358-c8c6e7a72fcb)

## Accent line