YOOtheme Pro Custom Elements - HERZOG DUPONT 1.6.2

Check out these custom elements for YOOtheme Pro. They can easily be installed used on your website via a plugin. There are seven elements so far, all of them are included in the plugin: Toggle, Progress, Timeline, Counter, Flipcard, Image Comparison and Slideshow Grid. No fees, no ads, no subscription required. No additional JavaScript libraries such as jQuery are loaded by any of these elements.


AN EXTENSION FOR YOOTHEME PRO WHICH ADDS ALL THE CUSTOM ELEMENTS TO THE PAGE BUILDER.

• simple installation via the Joomla! extensions manager and WordPress Plugin screen
• does not require creating a child theme
• one click update via Joomla! Update component and WordPress Plugin screen
• choose which elements should or should not be loaded in YOOtheme Pro

Toggle Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO RENDER THE UIKIT 3 TOGGLE COMPONENT.

• use any combination of the three toggle modes: click, hover & media
• toggle a content field below the toggle button or a custom target
• choose from different button styles and sizes and set a button icon
• toggle visibility, animation or a custom class

Progress Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO RENDER THE UIKIT 3 PROGRESS COMPONENT.

• set start, stop and maximum values
• set animation step size and speed
• color defined by the theme style, can be customized via the style customizer
• animation starts when in viewport

Timeline Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER BASED ON THE GRID ELEMENT.

• choose from different alignments for different viewport sizes
• set colors for timeline, icon border and icon background
• items offer fields for title, meta, content, image, icon and link
• use many settings you know from the grid element like panel style, image alignment, box decoration and more

Counter Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO DISPLAY AN ANIMATED NUMBER COUNTING UP.

• use a number counter, a circle or both
• choose from different colors and font sizes for the text and the number
• set circle color, radius, stroke width and percentage
• set the animation time and a separator for thousands
• animation starts when in viewport

Flipcard Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO DISPLAY A PANEL WITH A FLIPCARD ANIMATION.

• choose from 8 different animations
• choose 2D or 3D effect
• choose the flip mode: hover, click or both
• the element offers fields for title, meta, content and image/icon for both the front and the back
• set a link for the back and a dummy link for the front (for layout purposes only, no actual link)

Image Comparison Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO COMPARE TWO IMAGES.

• use different image sizes
• set a custom slider icon
• works with both click and touch input and optionally on mouseover
• supports YOOtheme Pro built-in lazy loading and image optimization

Slideshow Grid Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER THAT RESEMBLES THE WIDGETKIT 3 GRID SLIDER WIDGET TO DISPLAY MULTIPLE SLIDESHOWS WITHIN ONE GRID.

• display multiple slideshows within one grid
• every grid item will contain its own slideshow including navigations, animations and other features
• thumbnail navigation
• filter and masonry

Lottie Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO DISPLAY LOTTIE ANIMATIONS WITH A VARIETY OF TRIGGERS.

• display eye-catching and engaging Lottie animations
• choose from a variety of triggers
• set the animation start and end points
• add an optional link to the animation