Divi 5 Public Alpha 24: All Beta Blockers Complete

The Divi 5 Public Alpha is available for use on new websites. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 24. We release new Divi 5 versions every two weeks, and it gets better each time.

If you haven’t tested Divi 5 yet, try it and let us know what you think.

What’s New In Public Alpha 24?

Since Public Alpha 23, we implemented 72 bug fixes and improvements and released two new features, including the new CSS Grid and Woo Cart & Checkout Modules.

After completing all Woo modules, we have officially integrated all the beta-blocking features into Divi 5, which means the public beta phase is just around the corner. We will spend a couple more weeks addressing feedback and then make it official.

The only thing standing between us and the final release of Divi 5 is a bit of polishing, and with the entire team rallied behind this one task, it shouldn’t take much longer.

Feature Progress

Even though the development team is focused on fixing bugs and prepping for the beta launch, I found time to squeeze in a surprise feature.

CSS Grid

CSS Grid was released in Divi 5 Public Alpha 23.2. 🎉

This is a big one. We built the best CSS Grid builder, and it’s available for Divi 5 today. It’s better than Elementor 🙉. It’s better than Bricks 🙈. Whether you want to master the grid or simply use Divi’s new grid templates, you will love this update.

Woo Cart & Checkout Modules

Woo Cart & Checkout Modules were released in Divi 5 Public Alpha 24. 🎉

These new Woo modules allow you to customize your cart and checkout pages, and when combined with Woo Product Modules, give you complete control over the WooCommerce experience; with each piece bolstered by Divi’s vast array of design settings.

Changelog

Here is a list of all the changes implemented since Public Alpha 23.

• Fixed missing responsive flex column CSS on the front end.
• Fixed missing block element classes when loading Divi 4 shortcodes in backward compatibility mode.
• Fixed global icons not displaying for library items on live websites by embedding SVG directly in CSS.
• Fixed button hover states to properly respect preset-defined padding values by correctly merging preset spacing attributes with module attributes.
• Fixed D4 global colors not being correctly imported in D5.
• Fixed the Post Carousel module to correctly default to displaying blog posts for new modules while preserving project display for imported Divi 4 layouts through proper migration architecture.
• Fixed Extend Attributes options are disabled in tablet and mobile views when desktop values are blank, even if responsive breakpoints contain custom values.
• Enhanced WooCommerce Checkout Additional Information module with proper content/template output, improved styling, field focus states, and proper Visual Builder integration for a more consistent frontend experience.
• Fixed the missing dynamic content icon for the Toggle module.
• Fixed D4 to D5 migration in Visual Builder by ensuring D5 modules are correctly registered when opening D4 pages.
• Fixed pricing table mobile stacking to automatically display a single column on mobile devices.
• Fixed the Video Slider module background video, mask, and pattern functionality that was previously non-functional despite UI settings being available.
• Fixed legacy Divi 4 presets missing required timestamp fields, preventing all preset saving functionality from working.
• Fixed Blog Module “Current Category” option not filtering posts correctly in Theme Builder templates and frontend contexts.
• Fixed D5 AI “Generate Automatically” failing with placeholder images by skipping placeholder processing to match D4 behavior.
• Fixed ACF Taxonomy fields to display term names instead of IDs when “Return Value” is set to “Object” in the VB.
• Fixed issue with the Global Module not being updated after structural changes, and the user being unable to save the changes manually.
• Fixed activation error for the Divi Essential plugin.
• Fixed Theme Builder import failures when importing D5 exports containing presets.
• Fixed the Countdown Timer module to continue functioning properly after being repositioned via drag and drop in the Visual Builder.
• Fixed the Add New Module button overlapping with action icons when Text modules are placed as the last module inside a looped Group container.
• Fixed the Add New Module button overlapping w/ Module’s action icons.
• Fixed Post Carousel module flexbox gap layouts display differently between Visual Builder and Frontend environments.
• Fixed the Group Carousel module arrow positioning to work responsively across all breakpoints instead of using desktop values on all devices.
• Fixed SVG files not being selectable in the Visual Builder media modal when SVG sanitizer plugins are active.
• Fixed the “Exclude Current Post” setting in Loop Builder, which is not working when used in Theme Builder templates.
• Fixed issue: empty field tokens of empty conditionally hidden fields appeared in contact form email messages.
• Fixed flexbox column width changes when sticky is triggered, ensuring consistent column widths during sticky state transitions in Divi 5 layouts.
• Fixed Dynamic Content custom field date formatting to respect WordPress timezone settings and provide proper internationalization support.
• Fixed Responsive Editor modal remaining open inappropriately when switching modules or opening other modals
• it now closes automatically like other D5 modals.
• Fixed issue where multi-line text in Pricing Table items would collapse to a single line after reopening Pricing Table module settings for editing.
• Fixed Divi 5 migration failing on WordPress subdirectory installations.
• Fixed Menu Module icon font size fields and added dynamic content support for global variable selection.
• Fixed issue with Global Modules breaking in Visual Builder after being edited and saved in Divi Library.
• Added hooks and filters for Loop Builder.
• Added new CSS Grid layout system.
• Fixed Let’s Build Your Divi Website page’s broken buttons.
• Fixed Search Module field styles not applying correctly in the sticky state.
• Fixed ACF checkbox fields not appearing in Loop Builder Manual Custom Field selection dropdown.
• Fixed an issue where global color variables used only in module presets were not loading on the frontend, ensuring preset-styled elements displayed correctly without requiring the same global color to be used elsewhere on the page.
• Fixed Loop Builder on Theme Builder Search Results pages now respects search context and shows only relevant posts instead of all posts. Added missing “Posts for Current Page” option to Loop Builder Query Type dropdown, providing feature parity with Blog Module. Enhanced Loop Builder to support WordPress page context awareness on search, category, author, and date archive pages.
• Enhanced WooCommerce cart and checkout integration with dedicated hooks for improved Divi module compatibility and functionality.
• Fixed inconsistent spacing between checkbox items in Blog Module categories when switching between Visual Builder and Theme Builder contexts.
• Fixed missing Theme Builder styles and CPT-specific CSS on custom taxonomy archive pages.
• Fixed ACF Gallery fields displaying field labels instead of image URLs when used as dynamic content in modules.
• Fixed drop target zones that do not appear when dragging modules into columns with parallax backgrounds enabled.
• Fixed Group Carousel loop links where all buttons displayed the same post link instead of individual post links.
• Fixed third-party full-width modules from Divi 4 plugins not appearing in the regular module picker in Divi 5.
• Fixed Blog Module border radius not working with Global Variables on the frontend.
• Resolves: elegantthemes/Divi#45551.
• Fixed Custom CSS Module Elements not rendering in Visual Builder for the Group Carousel module.
• Fixed duplicate bullet points appearing when using TinyMCE text color formatting in the Pricing Tables module by updating CSS selectors to target only intended elements.
• Fixed D5 Global Colors from imported D4 presets not applying on the frontend.
• Added robust test isolation infrastructure for WooCommerce checkout modules to improve test reliability and consistency.
• Fixed broken Theme Builder styles on Custom Post Type taxonomy pages, such as WooCommerce categories.
• Automatic alt attribute generation was added to image modules.
• Fixed auto-generated alt attributes that do not target the correct sub-element in some modules.
• Fixed a compatibility issue with W3 Total Cache, where the builder would not load when JS minification was enabled in the plugin settings.
• Fixed Global Elements not being saved correctly when saving entire layouts to the Divi Library.
• Fixed Code Module JavaScript operators (&&) being incorrectly converted to HTML entities on the frontend, causing JavaScript execution errors.
• Fixed PHP warnings when processing advanced styles with null entries during transition rendering, particularly when upgrading between Divi versions or using certain module configurations.
• Fixed D5 flexbox modules (Blog, Portfolio, Filterable Portfolio) to use responsive grid layouts by default, improving mobile experience with appropriate column counts across devices.
• Fixed the language issue of the dynamic content generated options in the settings panel.
• Fixed Background Mask and Pattern transform settings not properly overriding inherited values on responsive breakpoints.
• Fixed layer view to display actual module content instead of generic module names for child modules like Icon List Items, Accordion Items, and Slides.
• Implemented the WooCommerce Cross-Sells module in Divi 5, enabling users to display product cross-sells with comprehensive styling options in FE.
• Added WooCommerce Cart and Checkout Template Integration for Visual Builder.
• Fixed new ACF fields that are not appearing immediately in Dynamic Content and Loop Builder selection dropdowns.
• Fixed WooCommerce modules appearing in the module picker when the WooCommerce plugin is not installed or active.
• Fixed TinyMCE empty paragraphs rendering inconsistent heights between Visual Builder and Frontend by adding server-side preprocessing that matches the established D4 pattern.
• Fixed function naming inconsistency in position inheritance utilities to match their internal implementation logic.
• Consolidated WooCommerce checkout hook management utilities to improve code maintainability and eliminate duplication.

The Divi 5 Release Schedule

It’s important to note that Divi 5 is production-ready for use on new websites today! Due to the scope of the Divi 5 project, we took a non-traditional approach to its release schedule, releasing it in five phases. The ultimate goal is to make Divi 5 as helpful as possible, as soon as possible, to as many people as possible.

We are in the Alpha phase, akin to “Divi 5 Lite.” It’s missing a few features, but what’s done is ready to be used. It’s far superior to Divi 4 in almost every way. If you prefer Divi 5, you can use it to build new websites.

When Will Divi 5 Be “Officially” Released?

Divi 5 will reach its “final form” before the end of the year, with the ultimate goal of leapfrogging the competition before the year ends. Part of that goal involves aggressively developing new features as part of the feature swap.

But don’t forget! Between now and then, you can use Divi 5 whenever it becomes your preferred experience. Instead of rushing to a final release, we’re maintaining both Divi 4 and Divi 5, giving users a choice.

Once we’re confident in removing that choice, we’ll make it official, and everyone will get the Divi 5 upgrade notification.

Jump Into Divi 5 Today

The Divi 5 Public Alpha is available today. Give it a try, and let us know what you think!

If you find a bug, report it to our team, and we’ll fix it. We’ll continue to work aggressively to add new features and address feedback.

Stay tuned for a new Divi 5 version every two weeks.