Animations

Overview

Under Animations, you can choose for your home page sections and collection pages to fade in from the bottom upwards as your customers scroll through them, from the left of the section to the right.

Example of animations enabled on a collections list.

Steps

  1. Within your Shopify admin, go to Sales Channels > Online Store > Themes.

  2. Click your theme, and select Customize.

  3. On the left-hand menu, select Theme settings.

  4. Scroll down to select Animations.

Theme settings > Animations

Enable Animations

To enable fade in animations for home page sections and collection pages as the first page loads, select Enable animations.

Without Animations

If you have not enabled animations on your store, your home page sections and collection pages will not fade in as your customers scroll through them.

Example of a home page when animations have NOT been enabled.

With Animations

If you have selected Enable animations, the elements on your home page sections and collection pages will fade in from the bottom upwards as your customers scroll through them, from the left of the section to the right.

Example of a home page where animations have been enabled.