Animations ​

This guide describes the Theme settings > Animations menu options.

Use the setting to specify how animation effects are displayed throughout your store. Apply animations to simulate movement on your store's pages for media items inside shapes, like images.

The previous video shows a store's home page. In the upper left, part of Theme editor's Theme settings > Animations menu is displayed. The menu's Parallax intensity slider is set at 50% (percent). This option makes the parallax animation effect more or less visible. As the store page scrolls up and down, the parallax animation effect moves the foregrounded page items at a different speed than the page's background. In the video, the foregrounded chilli pepper stickers move at different speed than the page's background.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.

Configure Animations ​

To configure your Animations settings:

1. In Theme editor, go to Theme settings > Animations.

   

2. Select a setting described in the following table.