Shopify Animate Section

Section Description

The Animate section, offered by Sections Pro, is specifically designed to offer animation capabilities to your Shopify store. You are free to use this section in your store, but the redistribution of this section through another Shopify app is not allowed.

The feature provides several entrance animations such as Slide In, Fade In, Slide Right, and Slide Left. You can select the element to animate (section, container, or columns). Plus, you can adjust the speed of animation and set advanced properties related to overflow.

Section Demo

Sample Use Cases for a Shopify E-commerce store

1. Product Showcase: You can use the animation feature to create an engaging product showcase. It is possible to animate individual products or entire product sections.
2. Animated Sales Announcements: Announcing sales and offers via animation can draw customers' attention and boost engagement.
3. Dynamic Home Page: Animate several elements on your homepage to make the browsing experience delightful and improve user engagement.
4. Interactive Blog Section: Use the animations to make your blog posts stand out.

Configuration Settings Overview

Animate section offers the following configuration options -

1. Entrance Animation: Choose from five different options - No animation, Slide In, Fade In, Slide Right, Slide Left.
2. Animate Element: Decide on the element to animate - Section, Container, Column 1, Column 2, Column 3.
3. Speed (seconds): Configure the speed of the animation ranging from .25 seconds to 2 seconds.
4. Set overflow hidden on body (checkbox): An advanced property setting for overflow issues.
5. Set overflow hidden on section (checkbox): Another advanced property setting to manage overflow issues.