Scroll animation
Controls reveal animations triggered as visitors scroll down the page.
Where to find it
- In your Shopify admin, go to Online Store → Themes → Customize
- Click the Theme settings (gear icon) in the left panel
- Click Scroll animation
Settings
General
| Setting | What it does | Options / Range | Default |
|---|---|---|---|
| Enable animations | Turns scroll-triggered animations on or off across the entire store. | Checkbox | On |
| Animation type | Chooses the style of animation that plays when elements come into view. | Fade up, Fade in, Slide in left, Slide in right, Scale up | Fade up |
| Animation duration | Sets how long each animation takes to complete, in milliseconds. | 300 – 1200 ms (step 100) | 700 ms |
| Stagger delay | Adds a short pause between each element's animation so they appear one after another instead of all at once, in milliseconds. | 0 – 300 ms (step 20) | 120 ms |