Divi 5 Public Alpha 8: Including 60+ Fixes And The Start Of A New Feature

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 8 today. 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 8?

Since the last minor version of Divi 5, we’ve implemented 60+ bug fixes and improvements, one new feature, and significant progress on two upcoming features. We hide these features behind feature flags until we finish them, regularly merging heavily-tested bits and pieces into the core product. With each update, we make tangible progress towards releasing each new feature.

Divi 5’s foundation is complete. We’ve got the bugs under control. From here on out, it’s full steam ahead on features!

Bug Fixes & Improvements

This version includes a handful of minor fixes and improvements. We are tracking every bug reported and tackling them one by one. Nothing critical or particularly noteworthy was fixed in this version, just little things here and there. In total, 60 bug fixes and improvements were merged. Every change is listed in the changelog below.

Feature Progress

We’re moving full speed ahead with feature development. We have six teams working full-time on Divi 5. This is what they’re up to. 👇

1. One team is focused on fixing bugs and assisting Divi Marketplace creators with module conversion.
2. A second team is working on Woo modules, the final feature for Divi 5 to enter beta.
3. A third team is working on editable Theme Builder areas in the Visual Builder, another Divi 4 feature slated for Divi 5.
4. A fourth team is working on Option Group Presets, which I sneak-peeked this week.
5. A fifth team is working on Divi AI integration for Divi 5, which is finished and being wrapped up for release next week. Tomorrow, they start working on a new feature.
6. A sixth team is working on Advanced Units, a previously-unannounced feature (more details below).

Here is the progress we’ve made since Public Alpha Version 7.

Customizable Responsive Breakpoints

We finished this feature and released it in Divi 5 Public Alpha 7.2. 🎉 Swing by the release post for all the details. Divi 5 now comes with seven predefined breakpoints, and you can customize each width to optimize your design for every device.

Divi AI Integration

This feature is finished and ready for release. We integrated the full suite of Divi AI tools into Divi 5, including text, image, code, layout, and website generation.

The code is going through a final review and will be released next week. 🙌

Option Group Presets

We’re getting close to finishing this feature. We’re about 70% complete and will release it after Divi AI. To learn more, check out the sneak peek I posted yesterday. Preset-based design will play an essential role in Divi’s future design system, which might be the best feature to come to Divi in years!

Advanced Units

It’s another surprise feature! 🤩 We finished Customizable Responsive Breakpoints, and the team involved has started working on their next project. Expect a complete sneak peek of this feature soon, but for now, let me say that Advanced Units will introduce support for a wide range of CSS units, value functions, and variables to Divi 5, including a new UI to quickly select commonly used functions and unit types.

WooCommerce Modules

It took longer than anticipated to make progress on this feature. Before adding 20+ new modules to Divi, we had to refactor some of Divi’s existing modules. We’re also updating our Divi 5 module boilerplate, which will help speed up Woo module development. Long story short, we’re putting in work that will help us complete Woo modules more quickly, but the immediate effect is that we haven’t completed any Woo modules yet. 😭

We have our eye on the prize, and we’re working to progress Divi 5 to the beta phase as quickly as possible.

Changelog

Here is a list of all the changes implemented in Public Alpha 8.

• Updated the Portfolio module to use autogenerated module settings.
• Updated the “Fullwidth Header” module to use auto-generated module settings.
• Updated the Post Navigation module to use autogenerated module settings.
• Fixed an issue where extra spaces in Free-Form CSS selectors prevented styles from applying correctly.
• Fixed the blog grid layout image size issue in Visual Builder.
• Fixed the Contact Form module’s Padding/Margin not working within a Theme Builder template.
• Standardized tests will utilize mock data in all presets and tests.
• Fixed triple dot menu not working for Text Fields.
• Improved the right-click menu on text fields in the Visual Builder and allowed users to use the browser’s native right-click menu instead of the app’s context menu.
• Fixed an issue where the responsive gradient did not work when the “Use Parallax Effect” option was enabled for the module background on both the Visual Builder (VB) and Front-End (FE).
• Updated plugin structure and needed code to run with the D5.
• Fixed font-select field showing empty value when default value was being used.
• Fixed errors are thrown when hovering over the Add To Library button in the Divi Code module.
• Fixed an issue where Module Presets and Option Group Presets did not correctly apply updates to advanced setting fields like Spacing Margin and Spacing Padding.
• Increased the number of excluded categories in the search module.
• Fixed broken image module disabling breakpoint settings.
• Reset active view and breakpoint to desktop when active breakpoint is disabled.
• Fixed selecting the first option of the responsive state picker will point to an incorrect option.
• Fixed broken keyboard navigation on the responsive state picker.
• Fixed broken divider style, background mask, and background pattern in VB when using global color.
• Refactored Utils::get_statements() to match its Visual Builder counterpart.
• Renamed functions and parameter names in Customizable Breakpoints to prevent unnecessary double plurals.
• Fixed an issue where default presets could not be edited in Option Group Presets.
• Introduced Customizable Responsive Breakpoints.
• Fixed multiple issues in bar counters where it was not transitioned properly.
• Fixed an issue where sections with background patterns or masks became non-clickable, ensuring proper interaction with section settings.
• Fixed the exclude category issue for the search module.
• Fixed an issue where admin labels were incorrectly displayed in capitalized format in wireframe mode and Layers View.
• Fixed a typo in the module link target option.
• Introduced new hooks to filter module settings groups and attributes specifically during module registration.
• Fixed the AI Prompt Modal “Use Text” button that does not work and shows an error when the module field contains subName.
• Removed unnecessary option group presets sorting mechanism.
• Added Styling support for the dev-clipboard Modal.
• Updated modal component and related files to use module imports.
• Updated @wordpress/scripts to version 30.10.0.
• Cleaned up imports and improved code structure in modal and icon components.
• Organized externals in webpack.config.js and cleaned up package.json devDependencies.
• Added a fallback mechanism to return the default Option Group preset when no preset ID is available.
• Fixed an issue where the dropdown caret icon was not visible in dark mode by ensuring it appeared white.
• Implemented cancel action for option group preset edit mode.
• Fixed Button module’s padding in RTL mode.
• Fixed a case where adding an overlay would disable an image lightbox.
• Updated “Customize Module Settings and Output” tutorial series to use new hooks to filter module settings groups and attributes specifically.
• Fixed mobile menu text color would revert to default blue if it matched the desktop menu text color in the Customizer.
• Fixed SVG logos in the Menu module became invisible.
• Fixed an issue where module backgrounds using Dynamic Content → Featured Image did not update when the featured image was changed in Page Settings.
• Updated the Fullwidth Image module settings to use the new auto-generation approach for enhanced efficiency and consistency.
• Updated the Tabs and Tab module to use autogenerated module settings.
• Updated the Testimonial module to use autogenerated module settings.
• Updated the video module to use autogenerated module settings.
• Updated the Video Slider module to use autogenerated module settings.
• Introduced a new tutorial page named “Rendering Additional Module Styles” that explains how to render additional module styles with module wrapper hooks.
• Updated the Counters module to use autogenerated module settings in the advanced panel.
• Added support for registering and managing custom buttons in the Builder bar, enabling dynamic rendering and sorting for improved plugin integration.
• Improved: Refactored the BuilderBar component for better readability, type safety, and maintainability.
• Fixed the Audio module’s dynamic content modal has a scroll bar issue in Theme Builder.
• Fixed the Person Image in the Person module would not display in the Visual Builder when a background was applied.
• Fixed position settings not working across different breakpoints.
• Resolved an issue causing the website to break on D4.
• Updated outdated hooks in D5 for compatibility.
• Fixed outdated Webpack configurations.
• Updated D5 conversion files to match the latest requirements.
• Updated outdated attribute structures.
• Improved the README file for better clarity and updated it with the latest usage instructions and details.
• Fixed an issue where the placeholder image was not appearing in the lightbox.
• Fixed the inability to change the CTA button’s text color due to the color scheme option set by the customizer.
• Fixed the Theme builder page settings background color is not updating issue.
• Fixed the Exit Button dropdown option to allow opening links in a new tab by right-clicking.
• Added the ability to delete an option group preset by clicking the trash icon in the preset list.
• Added the ability to copy or clone an option group preset by clicking the copy icon in the preset list.
• Added the ability to set a preset as the default by clicking the star icon in the preset list.
• Fixed AI Icon visibility based on the Role capability settings in the Divi Admin Dashboard.
• Fixed the global font family not rendering issue in Visual Builder and Frontend.
• Resolved an issue where the Insert Layout modal displayed an unwanted gray border below the header due to an empty tab area.
• Fixed the Social Follow Module icon border not showing the issue.
• Fixed an issue where option group preset data was incorrectly loaded and saved when the feature was disabled.
• Fixed an issue that prevented option group preset attributes from being reset to their default values.
• Implemented Classname Function for Logical Class Assignment in component.
• Added missing tests for Option Group Presets Actions and Selectors.
• Fixed a typo issue in the Divi migrator confirmation message.
• Fixed missing code snippets import, export, and save panel styles.
• Fixed broken code snippets panel header.

Jump Into Divi 5 Today

The Divi 5 Public Alpha is available today. As outlined in Divi 5’s original multi-phase release schedule, the Divi 5 Public Alpha is like “Divi 5 Lite.” It’s missing a few features and may not be suitable for existing websites, but it’s ready to be used on new websites if you prefer the experience to Divi 4. 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. From here on out, Divi 5 will improve regularly through the Alpha, Beta, and beyond.