# Animations

![](https://docs-assets.foxecom.app/sleek-theme/f0debd87-8c78-4f33-8994-0da7f1b23664.gif)

The **Animations** settings control page transitions, scroll animations, and image hover effects across your store.

## Steps

1. In the theme editor (**Customize**), click **Theme settings.**
2. Locate **Animations.**
3. Make necessary changes.
4. **Save.**

![](https://docs-assets.foxecom.app/sleek-theme/544686b0-5199-4c8d-a28b-ac367147645b.png)

## Animation types

* **Enable page transition:** Show a loading screen while the next page loads, so navigation feels continuous instead of blank.
* **Enable scroll animations:** Animate elements into place as they scroll into view.
* **Enable image hover effects:** Zoom or swap images on hover across product cards, collections, and other media.

<Tabs>
  <Tab title="Page transition">
    ![](https://docs-assets.foxecom.app/sleek-theme/f6f6b615-fcca-4ab5-969b-1b7f1e03e7ff.gif)
  </Tab>

  <Tab title="Scroll animations">
    ![](https://docs-assets.foxecom.app/sleek-theme/930828aa-c254-4e12-9192-94bd176483cb.gif)
  </Tab>

  <Tab title="Image hover effects">
    ![](https://docs-assets.foxecom.app/sleek-theme/1b5aa05a-37fb-4167-a7ae-8b42322178e3.gif)
  </Tab>
</Tabs>