Scroll animation

The shopping experiences scroll animations are triggered when scrolling the page. In this case, the contents are faded in by an animation as soon as they come into the visible area by scrolling.

To apply the scroll animations follow our documentation on the Shopping experience animation.

The duration (1) specifies how long the animation lasts in seconds. The delay (2) describes the duration until the animation starts. So if an element reaches the visible area by scrolling, the animation waits another 0.25 seconds until the animation starts.

You can animate the product listing (3), the individual product boxes in the listing are shown in animated form one after the other.