# Pre-loader

{% hint style="info" %}
**Theme settings -> Pre-loader**
{% endhint %}

&#x20;This option allows you to show a page pre-loader every time the customer clicks on any new page in your store and waits a few seconds until the page loads. You can make this waiting process more useful by adding an image as a pre-loader:

![](/files/2y19MMKoypiDGxVeX0XI)

&#x20;Additionally, you can change the page pre-loader image anytime you want. Or remove it if you don't need this option. The image can be customized by choosing the proper size on the size scale from 50 to 400 px, and by changing the background opacity on the scale from 0.0 to 1.0.

**Enable page pre-loader**

&#x20;This option adds a pre-loader to a store if the internet speed is low and the page takes a while to load. The pre-loader has a few seconds of delay and appears after a short period, about two seconds. So, there is no pre-loader if the page loads quickly on good internet.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/pre-loader.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
