Appearance
Animations ​
This guide describes the Theme editor's Theme settings > Animations menu options.
Use the menu options to specify how animation effects are displayed throughout your store. Apply animations to simulate movement for media items inside shapes, such as images, across your store's pages.
The previous video shows a store's home page. In the upper left, part of the 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 is scrolled up and down, the parallax animation effect moves the items in the foreground at different speeds than the page's background. In the video, the chili pepper stickers in the foreground move at different speeds 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:
In the Theme editor, go to Theme settings > Animations.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Parallax intensity | Adjust the Parallax intensity slider to make the parallax animation effect more or less visible. The slider ranges from 0 to 100 % (percent). |