How to Enable Scroll Animations in Shopify Force Theme
Animation is a native Force feature — sections can fade or reveal as a visitor scrolls down the page, rather than appearing all at once, reinforcing the theme's high-velocity feel.
Steps
- In your Shopify admin, go to Online Store > Themes and click Customize on Force.
- 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.
- Choose the animation style offered (commonly a fade-in or slide-in as the section enters the viewport).
- Preview by scrolling the page in the editor to confirm the timing feels right, not distracting.
- Click Save.
Use animation selectively — applying it to every section on a long homepage makes the page feel busy and can slow down how quickly a visitor takes in your content.