> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/exp98-shopify-theme/exp98/theme-settings/screensaver.md).

# Screensaver

Which screensaver runs, and when.

**Theme settings → Screensaver**

After a visitor has been idle for a while, the screen goes to a screensaver. Any click, key or scroll wakes it — and that first input only wakes the screen. It isn't passed through to the page, so nobody opens a product by accident while waking the screen.

Visitors can also start it on purpose: **Start → Sleep**.

## Which one

| Screensaver                 |                                                                                                                                  |
| --------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
| **Bouncing logo** (default) | Your logo drifting and changing colour at every wall. Hit a corner and the screen flashes                                        |
| **Starfield**               | Flying through stars                                                                                                             |
| **Mystify**                 | Bouncing polygons trailing colour                                                                                                |
| **3D Pipes**                | Pipes growing through a 3D grid                                                                                                  |
| **3D Maze**                 | Walking a brick maze                                                                                                             |
| **3D Text**                 | Your store name in chrome, turning in space                                                                                      |
| **3D Flower Box**           | A six-colour cube that breathes — its faces swell out into a flower and sink into a star — turning and bouncing round the screen |
| **Random each time**        | A different one every time, never the same one twice running                                                                     |
| **Off**                     | No screensaver                                                                                                                   |

**While music is playing**, the screensaver is always the [music visualizer](/exp98-shopify-theme/exp98/sections-and-features/music-player.md#the-visualizer), whatever you pick here.

## Settings

| Setting                 | Default                     |
| ----------------------- | --------------------------- |
| **Start after**         | 60 seconds idle (15 to 300) |
| **Bouncing logo image** | empty                       |

The bouncing logo uses, in order: the image you set here; your store's logo from **Settings → Brand**; the Start button's logo; and failing all of those, your store name. A transparent PNG works best — it is recoloured on every bounce.

## Reduced motion

Visitors whose device asks for reduced motion never get the idle screensaver. **Sleep** still works for them, because that's a choice they made rather than something sprung on them.

The screensaver never starts by itself in the theme editor. Use **Sleep** there to preview it.