How to Enable Scroll Animations in Shopify Motion Theme

Animation is one of Motion's headline features — sections can fade, slide, or reveal as a visitor scrolls down the page, rather than appearing all at once.

Steps

1. In your Shopify admin, go to Online Store > Themes and click Customize on Motion.
2. Open the section you want animated and look for an Animation setting in its own settings panel — this is typically set per section, not globally.
3. Choose the animation style offered (commonly a fade-in or slide-in as the section enters the viewport).
4. Preview by scrolling the page in the editor to confirm the timing feels right, not distracting.
5. Click Save.

Use animation selectively — applying it to every single section on a long homepage makes the page feel busy and can actually slow down how quickly a visitor absorbs your content, which works against the storytelling effect it's meant to create.