Animations
This section allows you to customize some animation elements on the entire store.
Theme settings -> Animations
In order to blur the background once the cart/account/wishlist drawer is shown, activate the option “Enable blur effect for background”. This option deactivates the loading icon and pre-loader image on collection pages if you use the option Popup & 'Filter' button for a sidebar.
This is how it may look like while using the blur effect:
Promo boxes are part of a mega menu in the header. You can add or change images in the promo boxes following these steps: in Shella Editor, go to Header -> Content -> Mega -> Promo box.
This option enables you to decide how smooth the animation of the images in the promo boxes should be, using a time scale from 0.0 to 1.0 seconds.
Here you can enable or disable tooltips on all shop pages.
The style of the tooltips can also be changed. There are five possible tooltip styles: fade, scale, shift-toward, shift-away, and perspective.
Here you can change the sticky header opacity on the opacity scale from 0.5 to 1.0.
Here you can change the tape slide duration on the scale from 0 to 1.0 seconds.
In this section, you can choose an animation style for content (Arrows, Quick View, Labels, Countdown) on product image hover on a collection page. There are six possible styles: toggle, fade, emersion horizontal, emersion vertical, emersion all, and scale.
Here you can enable or disable animation for icons on the 'Add to cart', 'Add to compare', and 'Add to wishlist' buttons hover.
This option enables swing animation for the “Add to cart” button on the Product Pages.
Last modified 3mo ago