Animations ​

This guide describes the Theme settings > Animations menu options. Apply animations to simulate movement on your store's pages for elements like images and content sections.

In the following video, the Zoom images on hover checkbox setting is changed from off to on. With this setting enabled, when the cursor is placed over the image, a brief animation that simulates magnifying the image is displayed.

For general guidance with adjusting a theme setting, refer to Settings overview.

Fade in sections ​

With the fade in sections setting enabled, when a user navigates through a store page, a brief animation displays the contents of each section gradually. This setting is enabled by default.

In the following video, the animation is applied as new images are displayed and the cursor moves down the page.

In Theme settings > Animations, select the checkbox Fade in sections to turn on/ off the animation.

Zoom images on hover ​

With the zoom images on hover setting enabled, when the cursor is placed over an image, a brief animation that simulates magnifying the image is displayed. This setting is enabled by default.

In Theme settings > Animations, select the checkbox Zoom images on hover to turn on/ off the animation.