Lately, we launched 3 new modules for Divi 5, together with the much-requested Staff Carousel module, which lets you create any form of carousel or slider, together with post-based carousels, the use of Divi 5’s new loop builder.
We additionally added a Lottie module for simple JSON-based animations and an Icon Listing module for simple checklist introduction.
Divi 5’s new structure makes module introduction easy, so we’ll unlock a shocking quantity of recent modules after Divi 5’s respectable unlock. That is simply an appetizer to carry you over whilst we focal point on progressing to the beta part subsequent month.
Take a look at the next video to look the brand new characteristic in motion. 👇
Staff Carousel Module
An important addition is the Staff Carousel module.
Not like different carousels, every slide within the Staff Carousel is a clean canvas; you’ll upload any module to every slide to create any carousel or slider. You keep an eye on the selection of slides, the content material of the slides, and different animation settings. Since teams may also be styled the use of Divi’s wide selection of design settings, you’ll craft distinctive types and transition results.
Create Put up, Time period, and Person-Primarily based Carousels
Divi 5’s Loop Builder means that you can loop a bunch within the carousel to create publish, time period, or user-based carousels. This pulls dynamic content material out of your web page to fill out every slide mechanically.
Allow looping at the crew, customise the question, and plug dynamic content material into the carousel parts. On this instance, I constructed a testimonial carousel the use of a customized publish sort and fields created the use of ACF.
Carousel Examples
The wonderful thing about the Staff Carousel module is that every slide within the carousel is a clean canvas wrapped in Divi’s crew container. You’ll be able to upload any module inside it, together with nested rows, and create complicated slide layouts the use of flexbox.
The sky’s the restrict!
You’ll be able to additionally leverage Divi’s complete vary of design settings, reminiscent of transforms, filters, and field shadow, to create transition results.
Instance #1: Customized Complete-Display Slider
The Staff Carousel can show any selection of slides in keeping with web page. For those who restrict it to a unmarried slide, you have got a slider. You’ll be able to break away from Divi’s current slider modules to create one thing new.
Instance #2: Multi-Slide Crew Carousel
You’ll be able to select what number of slides to turn in keeping with web page, and what number of slides to scroll with every click on of the arrow. On this instance, I created a group slider for an about web page, together with social hyperlinks the use of the social observe module.
Instance #3: Time period-Primarily based Looping Carousel
You’ll be able to construct term-based carousels the use of Divi 5’s loop builder. On this instance, the carousel is looping thru WooCommerce product classes. The class identify and have symbol are generated dynamically with every slide within the loop.
Instance #4: Meals Menu With Ingenious Transitions
On this instance, I created a menu that slides thru an inventory of top-selling dishes. Adjusting the dimensions and opacity of inactive slides creates a a laugh transition impact as I slide thru every merchandise.
Lottie Module
The brand new Lottie module makes it simple so as to add Lottie animations on your web page and keep an eye on their animations and interactions.
Lottie animations are nice as a result of they’re JSON and SVG-based, making them light-weight and pixel-perfect. There are lots of puts on-line the place you’ll to find nice animations and simply upload them on your web page.
The Lottie module means that you can customise the animation pace, cause, route, looping, and extra.
⚠️ Word: WordPress media library does no longer permit importing JSON information. If you wish to add a Lottie animation by means of the WordPress media library, you’ll use a plugin reminiscent of Record Add Varieties to permit JSON add.
Icon Listing Module
The Icon Listing module is a straightforward addition that fills a small void in Divi’s most elementary modules. It makes growing lists and assigning distinctive icons to every merchandise simple.
Prior to now, the one approach to create lists was once manually within a textual content module, making this a easy however great addition.
Take a look at Divi 5 Lately
Those new modules are to be had for Divi 5 these days and are one of the options coming to Divi this yr.
You’ll be able to observe alongside as we growth throughout the ultimate unlock of Divi 5 and past, with updates each two weeks. Relying in your priorities, you’ll use Divi 5 now to construct new internet sites or wait till we upload extra options, no matter works right for you.
As defined in Divi 5’s authentic multi-phase unlock time table, the Divi 5 Public Alpha is like “Divi 5 Lite.” It’s lacking a couple of options and is probably not appropriate for current internet sites, however it’s able for use on new internet sites when you favor the revel in to Divi 4.
We would like you to take a look at it, and when you find it irresistible, use it; when everybody loves it, we’ll make it respectable.
Have You Attempted Loop Builder?
If you neglected it, we not too long ago launched the all-new Loop Builder for Divi 5.
Divi’s loop builder is exclusive in its freedom; you’ll loop anything else with out being limited to a static loop module or container. Construct your looping part, then customise your question the use of quite a lot of handy choices and meta queries. It helps customized publish varieties, together with WooCommerce, customized fields created with ACF, or even ACF repeater fields.
It’s an implausible characteristic!
Watch this video for the entire main points. 👇
Extra Divi 5 Updates Are On The Manner
2025 is the yr of Divi 5. The tedious paintings is in the back of us. We constructed the super-fast basis, and now it’s time for Divi to make its comeback.
For those who’re right here for the Divi comeback, do us an enormous desire and tell us via liking this video and leaving a remark. It manner so much to us to look you cheering Divi on, and it’s crucial to feed the set of rules and unfold the phrase.
Don’t put out of your mind to observe us on YouTube and subscribe to the Divi e-newsletter so that you by no means pass over an replace. I’ll see you quickly for every other Divi 5 characteristic announcement, which I promise will probably be proper across the nook. 😁
The publish New Staff Carousel Module, Lottie Module And Extra! seemed first on Chic Subject matters Weblog.
WordPress Web Design