Animations

Animations allow you to add movement and visual interest to your online store. You can activate a fade-in animation that reveals your store's sections on scroll and a hover effect for your cards and buttons.

Setting Description
“Reveal sections on scroll”. To activate an animation that reveals your online store's sections as you scroll, select “Reveal sections on scroll”.
To add a hover effect animation to your cards and buttons, select one of the following options from the Hover effect setting:
None Product cards and buttons will not have any hover or animation effects.
Vertical lift When a customer hovers over a card or button, the element shifts upwards.
3D lift When a customer hovers over a card or button, the element shifts forward, giving it a 3D effect. This also has a subtle shine that moves across the element, giving it another layer of dimension.
Glide

This option enables a smooth hover animation for buttons, enhancing the user experience with a subtle yet dynamic visual cue.

Applicable Elements:

  • Buttons: Buttons where the background color changes smoothly from left to right when hovered over.
  • Scroll to Top Button: The same smooth left-to-right background color transition is applied when the user hovers over the scroll-to-top button, ensuring visual consistency.

Animation Effects:

  • Background Color Transition: On hover, the button’s background color “glides” horizontally from left to right, creating a sleek sliding effect.

This behavior is designed to emphasize interactivity and can be used to draw attention to clickable elements.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us