The Advanced List widget is a simple yet complex widget with which we can create lists, lists of links and lists of buttons with motion.
We can add multiple types of content to the left or/and to the right of a text.
- SVG’s
- Lordicons (.json)
- Lotties (.json & .lottie) – both of them use the CDN dotlottie player
- Emoji’s
- HTML content
Custom CSS
Elementor does not allow custom css with the free version.
With the advanced list widget we can now add both custom css and custom class names to list items.
JS Events
For those who elevate their website with a bit of JS, the Advanced List Widget allows for adding custom JS code and events to the items/widgets.
- onclick
- onmouseover
- onmouseout
- more will come on demand
Custom Attributes
Just like in Elementor Pro, but… for each list item.
Lordicon features:
- Predefined Custom & Standard Triggers
- Hover on Item Hover
- Loop while Item Hover
- Morph on Item Hover
- Boomerang on Item Hover
- Click on item Click
- In
- Hover
- Morph
- Loop
- Click
- Boomerang
- Custom Lordicon Class
- Custom Target (class or ID)
- Lazy Loading
*The Lordicon CDN is loaded only if a widget uses the Lordicon feature.
dotLottie Features
First of all, dotLottie is a player that works both with .json and .lottie files. Currently, there is no reason to use the old lottie player because the dotlottie is a file format that works and looks exactly the same with even 99% less size compared to .json lotties. Give it a try here https://lottiefiles.com/tools/lottie-to-dotlottie
- Predefined Custom & Standard Triggers
- Hover on Item Hover
- Loop on Item Hover
- Loop While Item Hover
- Morph on Item Hover
- Boomerang on Item Hover
- Click on Item Click
- Scroll relative to Custom Viewport
- In (when the page is rendered)
- In Viewport (when the Lottie is reached by scroll)
- Hover
- Morph
- Loop
- Loop on Hover
- Loop while Hover
- Click
- Boomerang
- Loop
- Loop Times
- Play Speed
- Delay between Loops
- Delay before Play
- Start Frame
- End Frame
- Custom Target (class or ID)
- Lazy Load
*The dotLottie CDN is loaded only if a widget uses the dotLottie feature.
The rendering engine is ThorVG. All animations freeze when not in viewport, so that the browser can save performance resources.
The dotLottie can also be used as a background for the items.
Voxel Navmenu widget integrated with Lordicons
The Advanced List Widget also has an Addon for voxel that allows us to add Lordicons in the wordpress menu, and display them with the Navbar (VX) from Voxel.
