General settings
In this article, you'll learn about the general settings tab of Foxify.
General Settings
Animation
As readers scroll up and down the site, the animation, when enabled, is triggered following one of the following conditions:
The element comes into view
After the page loads
On hovering over the element
Animations can add some flair, impress customers, and encourage them to engage more.
After selecting the Trigger condition for your Animation, you can choose the Animation type, its duration, and the delay time.
Animation type:
Fade in
Fade in up
Fade in down
Fade in left
Fade in right
Tada
Shake X
Shake Y
Head shake
Heart beat
Bounce in
Wobble
Swing
Flip in X
Light speed in right
Light speed in left
Spin
Duration: between 0.1s-2s
Delay time to perform the animation: 0-2s
💡 On the page outline, an element with activated animation has the ⚡ icon by its name.
Visibility
The Visibility setting lets you show or hide the element on different devices, including Desktop/ Laptop/ Tablet/ Mobile.
By default, an element is visible to all 4 device views:
Mobile
Tablet
Laptop
Desktop
To hide the element in a particular view, uncheck the option.
Example
We want to hide the Testimonials section on tablet and mobile view.
In the Visibility settings, simply uncheck the options Show on tablet and Shop on mobile.
Custom attributes
Although Foxify offers a large variety of attributes, we understand that giving customers the freedom of creativity and execution is necessary.
That's when Custom attributes come in handy.
Once an element is selected, this can be found at the bottom of the General settings tab.
Supported attributes include:
ID
CSS classes
If you want to add multiple CSS class names to the field, make sure to leave a space between the classes.
All the settings set in that selected block will be overwritten by the Custom attributes (if present).
Last updated