# Animation

## Adding your animation

You can enable a site preloader, which is a subtle animation that loads on every page before a user can view your site. This can be turned on by navigating the following steps from your Shopify dashboard:

1. `Online Store` → `Themes` → `Customise`
2. `Theme settings` → `Animation`

{% hint style="warning" %}
This animation effect will not show when you are customising your theme in the [Shopify Theme Editor](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/edit#theme-editor). We want you to be able to change and update your site without having to wait for the preloader to finish loading.
{% endhint %}

When this setting is checked, customers browsing your live site however, will see the loading screen when browsing your store.


---

# 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://erickson.gitbook.io/machina/theme-settings/favicon-1.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.