Animate is a Shopify theme section in the Section Star library. Add entrance animations to any Section Star section.
About the Animate section
The Animate section, offered by Section Star, 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.
Live demo
Use cases
- 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.
- Animated Sales Announcements: Announcing sales and offers via animation can draw customers' attention and boost engagement.
- Dynamic Home Page: Animate several elements on your homepage to make the browsing experience delightful and improve user engagement.
- Interactive Blog Section: Use the animations to make your blog posts stand out.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Animation
Set the entrance animation for the SP section directly following the Animate section in the customizer hierarchy.
| Setting | Type | Default |
|---|---|---|
| Entrance Animation | Select (No animation, Slide In, Fade In, Slide Right, Slide Left) | none |
| Animate Element | Select (Section, Container, Column 1, Column 2, Column 3) | container |
| Speed (seconds) | Select (.25, .5, .75, 1, 1.25, 1.5…) | .75 |
Advanced
Set advanced properties for the animation. Setting overflow can fix spacing issues but should be tested before enabled.
| Setting | Type | Default |
|---|---|---|
| Set overflow hidden on body | Checkbox | Off |
| Set overflow hidden on section | Checkbox | Off |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Animate”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.