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.
Toggle Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO RENDER THE UIKIT 3 TOGGLE COMPONENT.
Progress Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO RENDER THE UIKIT 3 PROGRESS COMPONENT.
Timeline Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER BASED ON THE GRID ELEMENT.
Counter Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO DISPLAY AN ANIMATED NUMBER COUNTING UP.
Flipcard Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO DISPLAY A PANEL WITH A FLIPCARD ANIMATION.
Image Comparison Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO COMPARE TWO IMAGES.
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.
Lottie Element
A CUSTOM ELEMENT FOR THE YOOTHEME PRO PAGE BUILDER TO DISPLAY LOTTIE ANIMATIONS WITH A VARIETY OF TRIGGERS.
New version : 1.5.2
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
Post automatically merged:
1.4.0
- added tile style options to timeline, flipcard and slideshow grid elements
- added heading options to content style in timeline, flipcard and slideshow grid elements
- added text lead and meta options to title style in timeline, flipcard and slideshow grid elements
- fixed center content vertically if image is left/right aligned in slideshow grid element
Post automatically merged:
New version : 1.5.2
Attachments
Last edited: