Advanced List Widget

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.