The Divi 5 Public Beta is to be had these days. If you happen to desire the enjoy to Divi 4, it’s in a position to be used. If you happen to use Divi 5, you’ll realize an replace notification for Public Beta 8. We unlock new Divi 5 variations each two weeks, and every one improves upon the remaining.

If you happen to haven’t attempted Divi 5 but, give it a take a look at and tell us what you suppose.

What’s New In Public Beta 8?

We applied 151 trojan horse fixes and enhancements and launched new options: Page Manager, Preview Mode, Content Drill Down, and More!

The reliable unlock date for Divi 5 is set for February 26th. Till then, we’ll proceed to deal with the comments of our beta testers, solving insects and making small enhancements with every replace.

In my spare time, I’ve additionally been conserving the ball rolling to your maximum asked options. If you wish to get an early within scoop, I regularly submit development experiences within the Divi Theme Users Facebook crew. Sign up for us!

Web page Supervisor, Preview Mode, Content material Drill Down, and Extra!

We launched three new features in Public Beta 7.3. 🎉

The largest new addition is the Web page Supervisor, which helps you to create, edit, replica, and delete pages with out leaving the builder.

Moreover, we added a brand new in-app Preview Mode. Now, previewing how your web page will glance at the entrance finish is one click on away.

You’ll additionally discover a new consolidated web page menu within the best bar, new save ideas, and a brand new content material drill-down menu for simple get entry to to little one parts.

Fixes & Enhancements

Here’s a checklist of all fixes and enhancements incorporated on this replace.

• Added a complete information at the attributes in module.json.
• Mounted Woo Product Ranking module famous person icons exhibiting incorrectly when Textual content Possibility Staff Preset with customized font-family is carried out.
• Mounted a topic the place saving or modifying world presets failed with “Save of International Presets Has Failed” error for websites with huge preset collections (200+ presets). The repair implements chunking to separate huge preset payloads into smaller requests, permitting customers with in depth preset libraries to save lots of and edit presets effectively.
• Mounted Loop Builder repeater box queries returning “No Effects Discovered” when repeater knowledge exists on other submit sorts.
• Mounted app window positioning when opening or final snapped modals (Web page Settings, Layers, Inspector) at zoom ranges beneath 100%.
• Mounted lacking zoom icon in Woo Product Photographs module Visible Builder to compare Frontend look.
• Mounted Visible Builder child-module preset backgrounds now not updating accurately or live-previewing adjustments.
• Mounted Visible Builder Go out dropdown appearing translated submit sort labels when “Disable Translations” choice is enabled.
• Mounted endless recursion inflicting web page load disasters (502 Gateway Timeout or PHP deadly mistakes) when pages include modules with Interactions that use preset results.
• Mounted the Visible Builder preview appearing Theme Builder headers and footers for Editor roles.
• Mounted hover state controls for the Hero scroll-down icon colour and length.
• Mounted segment divider colours rendering black after migrating layouts from D4.
• Mounted WooCommerce Upload To Cart modules in Loop Builder archives focused on the incorrect product.
• Mounted factor the place checkbox box presets (and different array-based box presets) weren’t accurately overriding default values when defaults contained all to be had ideas. Preset array values now utterly change default arrays as a substitute of being merged by means of index.
• Mounted grid auto rows don’t seem to be output when guide row templates are used, so implicit rows recognize the configured top.
• Mounted further spacing above the Touch Shape publish row after D4 to D5 migration.
• Up to date documentation to explain how Customized Attributes should be rendered at the frontend for third-party modules.
• Mounted VB column correct margin so auto and customized values observe accurately with out breaking empty-column padding.
• Mounted dimensionless SVG photographs disappearing when module alignment (middle/left/correct) is carried out within the Symbol Module.
• Mounted Staff Carousel navigation freezing when clicking the energetic dot.
• Mounted a topic the place common sections migrated from Divi 4 incorrectly displayed further column backgrounds, padding, and different column-specific styling.
• Mounted the undesirable correct margin at the remaining social media icon within the Social Media Apply module when the use of block format mode.
• Mounted rows with a couple of columns collapsing to a unmarried column on pill units, restoring the correct multi-column format that fits Divi 4 conduct.
• Mounted loop effects disappearing when invalid submit sort choices are saved.
• Mounted portability import/export controls showing in variable and preset managers when a job disables portability.
• Mounted the Publish Navigation stacking factor after D4 to D5 migration by means of retaining the block format for migrated modules.
• Mounted button hover padding factor in Visible Builder when modifying presets by means of making sure preset kinds don’t seem to be merged into module genre attributes right through preset modifying mode.
• Mounted Publish Content material modules in Visible Builder wrap the next modules when block row/column layouts are used.
• Added documentation for extending Admin Label choice teams with customized fields in Divi 5 modules, together with each world and module-specific approaches with whole code examples.
• Mounted extending person border houses (width, colour, or genre), resetting sibling border houses when the use of the Prolong Attributes characteristic in Social Media Apply and different modules.
• Mounted fallacious endurance of Mounted Visibility settings for transformed modules and ensured the preview displays legacy visibility states.
• Mounted button alignment now not operating when ButtonGroupContainer makes use of customized characteristic names by means of correcting CSS selector era to make use of component definition selectors as a substitute of appending _wrapper suffix.
• Mounted font variables being mistakenly wrapped in quotes. Handiest static fonts must be wrapped in quotes.
• Mounted a trojan horse brought about by means of these days’s Google Chrome replace, which brought about hover buttons to not seem after deleting a component.
• Mounted lacking kinds at the first web page load of archive pages that used theme builder templates after saving an international theme builder header.
• Mounted undesirable spacing between weblog article parts when in flex format mode.
• Mounted horizontal hole choice now not making use of accurately to flexbox row columns at viewport widths more than 1439px.
• Mounted undo/redo for Visibility Choices to paintings in my view for every checkbox trade.
• Mounted Weblog module masonry format beef up and restored column width controls for flex layouts. Photographs now replace accurately when column widths trade.
• Mounted factor the place tooltips on the best of the display screen brought about endless re-rendering and averted tooltips from exhibiting correctly.
• Mounted: Remaining the Are living Preview modal not closes the Load From Library modal, permitting customers to preview a couple of library pieces with out reopening the library modal.
• Added fieldset as an to be had HTML component sort choice for module wrappers, enabling semantic grouping of shape fields for progressed accessibility.
• Mounted Bar Counter module animations breaking when the HTML tag is modified by means of the Semantic Components characteristic. Up to date CSS selectors to paintings with any HTML tag whilst keeping up the default
• conduct.
• Mounted the tabs module navigation breaking in Visible Builder after converting the HTML tag. Tab navigation now works in an instant after HTML tag adjustments with out requiring a Visible Builder reload.
• Mounted pill viewport canvas resize restrict worth from being incorrectly restricted to 860px.
• Mounted a topic the place the Button icon overlapped the textual content when the Button has small padding and “Handiest Display Icon On Hover for Button” is became off.
• Mounted factor the place slide modules set to dam format weren’t receiving the correct format elegance, inflicting fallacious spacing for buttons and titles.
• Mounted Symbol module absolute positioning breaking layouts by means of disposing of computerized CSS houses and imposing Divi 4-compatible attribute-based width environment.
• Mounted the shortcoming to set looped submit titles as customized attributes in Theme Builder layouts.
• Mounted dynamic content material in customized attributes now not resolving accurately in Loop Builder and Theme Builder loop contexts, making sure submit titles and different dynamic values show correctly as a substitute of unveiling uncooked variable strings or fallacious archive titles.
• Mounted customized CSS fields now not respecting the visual belongings for conditional visibility in module settings, permitting third-party builders to cover fields whilst retaining characteristic values when copying modules.
• Mounted factor the place customized CSS entered within the Blurb Symbol customized CSS box was once now not being carried out because of CSS specificity conflicts.
• Mounted factor the place lengthy admin labels within the wireframe view would overlap with motion icons; now show with ellipsis truncation as a substitute.
• Mounted Slider module first slide symbol now not exhibiting when the segment is published by means of interplay.
• Mounted a topic in Loop Builder the place looking and deciding on particular posts would change prior to now decided on posts as a substitute of including to the choice.
• Mounted International Variables with ch unit values now not showing within the unit picker for fields that beef up persona width gadgets.
• Mounted customized attributes now not showing on Symbol module hyperlinks when targetElement is ready to ‘symbol’.
• Added a unified Web page Menu within the Visible Builder web page bar that consolidates page-level movements, together with Save, Web page Settings, Import/Export, and different web page control gear right into a unmarried, simply obtainable menu.
• Mounted factor the place customized CSS fields may now not use selector prefixes, combating modules from focused on parts that require prepended selectors.
• Mounted the problem the place the interplay editor modal displayed an useless scrollbar with minimum scrollable content material.
• Mounted math purposes showing within the unit picker dropdown for icon font length fields within the Accordion and Toggle modules. Math purposes at the moment are solely to be had by means of Dynamic Content material, combating fallacious icon positioning when decided on without delay from the dropdown.
• Mounted Symbol Alignment choice now not operating when Width or Max-Width settings are changed within the Symbol Module.
• Mounted factor the place background symbol vertical and horizontal offset settings weren’t making use of accurately throughout other instrument breakpoints.
• Mounted fallacious default component sort displayed in HTML settings for Button, Counter, Signup Customized Box, Fullwidth Header, and Counters modules. Settings now display the proper default component sort matching the rendered output.
• Added a brand new Web page Supervisor modal to simply navigate between and edit other pages constructed with Divi.
• Mounted factor the place the “Open Fresh” menu submenu would stay caught on “Loading…” and wouldn’t replace after fetching fresh posts. The menu now refreshes correctly to turn the checklist of not too long ago edited pages with out requiring customers to near and reopen it.
• Mounted factor the place hover padding values had been misplaced when changing Divi 4 layouts to Divi 5 blocks.
• Added Preview Mode characteristic to Visible Builder, permitting customers to preview their web page design in a full-screen, distraction-free atmosphere without delay throughout the builder interface. Preview Mode will also be activated by means of the Preview button dropdown menu or keyboard shortcut (Meta + .), and features a floating Go out Preview button for fast go out.
• Up to date checkbox checklist styling in sortable checklist fields to compare the usual builder checkbox look and modernized motion icons to make use of constant skinny variants.
• Up to date save button to make use of a dropdown menu with ideas to save lots of with other submit statuses (draft, pending, non-public, put up) and progressed loading indicator visibility.
• Added a kid parts navigation icon to the module settings panel breadcrumbs, permitting customers to briefly view and navigate to nested little one modules by means of a hierarchical menu.
• Mounted row width adjustments after D4 to D5 migration by means of making sure customized CSS correctly overrides static CSS regulations.
• Mounted efficiency problems when opening the Upload Module modal with a lot of modules by means of imposing lazy loading and making sure module seek queries all to be had modules.
• Mounted preset footer being hidden when modifying presets on world modules by means of with the exception of preset modifying mode from the worldwide module footer positioning CSS rule.
• Mounted a topic the place immediately quotes and apostrophes entered in Visible Builder had been displayed as curly quotes at the frontend.
• Mounted Visible Builder crash when opening pages with deactivated third-party modules or right through initialization timing problems.
• Mounted a checkerboard trend showing incorrectly on symbol preview elements in module settings. The checkerboard trend now solely seems in Background Possibility Teams, the place it signifies transparency.
• Mounted factor the place resetting the “Choice of Columns” box in Structure OG closes preset edit mode.
• Mounted Toggle visibility interactions with animations now not operating on Product Class and different advanced format pages.
• Mounted submit carousel loading within the Tabs module with out requiring browser resize.
• Mounted PHP deadly error when uploading corrupted databases containing stdClass gadgets within the global_variables knowledge.
• Mounted choice crew preset reset capability that was once corrupting preset knowledge and inflicting save disasters when resetting preset attributes by means of right-click context menu.
• Mounted Theme Builder portability ideas final visual when portability permissions had been disabled in Function Editor.
• Mounted Canvas Portal interactions failing after the primary use when sections within the portal have visibility settings disabled on all units.
• Added developer documentation for getting access to Divi’s accessory colours in customized modules.
• Upload the technique to decide in to Divi 5 updates within the Divi Dashboard.
• Added a brand new choice within the Divi Dashboard to decide in to Divi 5 updates.
• Mounted a topic the place the Come with/Exclude posts dropdown in Loop Builder would shrink in top.
• Mounted Social Media Apply icon colour presets now not exhibiting in Theme Builder visible editor.
• Mounted loop excerpts now not rendering for customized submit sorts with out guide excerpts.
• Mounted button textual content alignment after migration from Divi 4 to Divi 5. Buttons with middle alignment now accurately show as center-aligned as a substitute of left-aligned.
• Mounted Preset Supervisor preview inflicting module photographs to re-render when styling textual content attributes. Taste-only adjustments now replace by means of genre boxes with out triggering module re-renders, combating animation re-triggers and visible system faults.
• Mounted Layers View indentation so deeply nested modules show the proper hierarchy.
• Mounted full-width slider slide presets now not being preserved right through D4 to D5 migration by means of including lacking module title mapping for preset conversion.
• Mounted line-height dynamic content material so unitless world numbers will also be decided on.
• Mounted Theme Builder crash when the CheckoutWC Professional plugin is energetic because of a null clear out go back inflicting a PHP Deadly TypeError.
• Mounted a topic the place Social Media Apply Community module attributes (border colours and hover backgrounds) had been misplaced right through migration from Divi 4 to Divi 5.
• Mounted the Hero module’s default alignment within the Visible Builder.
• Mounted CSS specificity factor combating customized CSS from overriding default module kinds in Divi 5 modules.
• Mounted lacking alt and name attributes on photographs the use of Featured Symbol dynamic content material by means of mechanically populating them from Media Library metadata.
• Mounted endless recursion and reminiscence exhaustion when producing loop excerpts, and resolved nested loops appearing fallacious content material. Loop excerpts now generate accurately with out triggering recursive loop processing, and nested loops correctly render all pieces with distinctive content material consistent with merchandise.
• Mounted customized attributes now not being got rid of when presets are got rid of by means of Interactions. Customized attributes (CSS categories, IDs, alt textual content, knowledge attributes, and many others.) from presets at the moment are correctly wiped clean up when presets are got rid of thru interplay results.
• Mounted row gutter width CSS specificity factor the place customized row gutter settings had been overridden by means of Theme Customizer defaults, and ensured rows with out particular gutter settings correctly inherit from Theme Customizer.
• Mounted font crew replica/paste and reset capability failing for all font teams excluding Identify and Frame because of IndexedDB cache collision.
• Documented the label belongings characteristic that permits customizing show names for customized characteristic parts in module configurations.
• Mounted a topic the place premade layouts imported without delay into Divi 5 Visible Builder had been transformed to uneditable “Shortcode” blocks as a substitute of correct row blocks.
• Mounted factor the place format exports would fail when layouts contained admin labels, shortcodes, or variable placeholders that had been incorrectly recognized as symbol URLs.
• Up to date the Interplay Editor to save lots of adjustments in an instant as you edit, matching the conduct of different box editors for a extra constant enjoy.
• Mounted border radius values being reset to 0 when extending attributes with “Border Radius” manually decided on in “Changed Fields to Prolong”. All 4 nook values at the moment are preserved accurately right through lengthen operations.
• Mounted factor the place font houses and different nested module attributes may now not be edited or reset because of corrupted knowledge constructions. Current corrupted pages at the moment are mechanically repaired when opened within the Visible Builder.
• Mounted factor the place default placeholder values in grow to be fields had been incorrectly appearing values from prior to now opened modules as a substitute of the present module’s preset defaults.
• Up to date ChildModule instance to make use of the proper trend for retrieving guardian attributes, making sure little one modules can get entry to guardian default values and demonstrating correct implementation for third-party builders.
• Mounted third-party modules now not receiving default attributes when producing module characteristic defaults, making sure little one modules can get entry to guardian default values for customized modules.
• Mounted the Particular person module format factor the place disposing of a picture brought about textual content content material to be constrained to a slender column as a substitute of occupying the total module width at the frontend.
• Mounted world library pieces now not saving to Divi Cloud in Divi 5 Visible Builder.
• Mounted parallax background divs overlapping row content material by means of restoring the lacking place: relative belongings on rows that existed in Divi 4.
• Mounted a topic the place layouts may now not be stored when accordion pieces had been open, brought about by means of a middleware that corrupted module attributes right through serialization.
• Mounted world module cancel button to intuitively revert to the remaining stored state as a substitute of the state when settings had been opened, getting rid of useless affirmation popups and making the conduct extra predictable.
• Mounted world module templates dropping their visible styling and selective sync options when opened from Divi Library in Visible Builder. Templates now accurately show inexperienced UI styling and make allowance customers to configure selective sync settings.
• Mounted a deadly error that passed off when resetting border radius by means of Inspector.
• Mounted Responsive Editor appearing hover state for fields that don’t beef up hover, making sure consistency with the primary Visible Builder hover interface.a.
• Mounted empty columns now not appearing padding in Visible Builder when background colours or different styling had been carried out – padding values at the moment are in an instant visual right through modifying.
• Mounted factor the place responsive breakpoint kinds weren’t making use of accurately when the Visible Builder viewport was once narrower than the breakpoint’s meant width.
• Mounted deadly error when uploading D5 layouts containing world variables.
• Mounted the Button module now not appearing the pointer cursor when the HTML component sort is ready to button.
• Added an instance plugin demonstrating the child-to-parent characteristic migration trend for Third-party builders migrating D4 modules to D5.
• Mounted the “Disable Translations” theme technique to correctly disable translations within the D5 Visible Builder.
• Added Conversion Define instructional collection basis with structured class, complete advent web page masking all root-level houses, and primary detailed instructional on deprecated houses to lend a hand third-party builders create conversion outlines for Divi 4 to Divi 5 module migration.
• Mounted preset visibility settings to show parts with lowered opacity within the Visible Builder as a substitute of utterly hiding them, matching the conduct of module-level visibility settings.
• Mounted customized mask and patterns added by means of JavaScript filters now not showing within the Visible Builder UI when filters had been registered after Visible Builder initialization.
• Mounted Darkish/Gentle mode toggle in Visible Builder Web page Toolbar getting compressed at viewport widths beneath 1600px by means of including a minimal width constraint to care for correct proportions.
• Mounted world module replica/paste operations incorrectly duplicating throughout all circumstances of the similar world module template.
• Mounted Conditional Show Date & Time Hour and Minute fields exhibiting structure string as a substitute of numeric values.
• Up to date documentation to explain when and tips on how to use other groupType patterns when configuring module settings, combating confusion when including Attributes teams to customized modules.
• Up to date Icon module background and ornament kinds to use to the module wrapper as a substitute of the interior wrap for higher format and top compatibility.
• Added documentation for getting access to world colours as CSS variables in customized issues and plugins, together with a helper serve as for producing label-based variable names.
• Mounted sticky header layouts breaking on scroll when rows use absolute positioning with focused origins. The grow to be device now accurately generates centering transforms for sticky state, matching Divi 4 conduct.
• Mounted interplay visibility loss when switching between VB Desktop and Wireframe modes.
• Mounted button-options box sort now not operating accurately when utilized in Web page Settings extensions, permitting third-party builders to make use of button-style choice variety fields of their customized Web page Settings panels.
• Mounted forte segment presets now not making use of kinds at the frontend after migration from Divi 4 to Divi 5.
• Mounted third-party modules the use of ‘divi/font-body’ in advancedStyles, now not rendering font kinds at the frontend.
• Mounted factor the place customers with move_module permission enabled however edit_module permission disabled had been not able to tug and drop modules within the Visible Builder. Drag and drop now accurately calls for solely the move_module permission, keeping up correct separation between motion and modifying permissions.
• Mounted pricing tables exhibiting at 50% width on cell units after migration from Divi 4. Pricing desk pieces now stack vertically and show at full-width on cell breakpoints.
• Mounted Divi Library Import UI to make use of plural textual content labels and progressed luck message styling. Added document sort filtering to limit variety to JSON information.
• Added beef up for unitless line-height values within the Visible Builder, permitting customers to set line-height as a multiplier (e.g., 1.7) that scales proportionally with font-size, which is the really helpful CSS method for line-height.
• Mounted Background Masks Turn into invert choice now not operating accurately on responsive breakpoints.
• Mounted Pricing Tables module default Structure Wrapping conduct to compare Visible Builder default (No Wrap) in frontend show.
• Mounted SVG photographs within the Symbol Module now not respecting min-height and max-height constraints when top is adjusted.
• Mounted the WooCommerce Product Photographs module now not updating variation photographs mechanically on single-product pages when Builder is enabled.
• Mounted: Eliminating conceal component interactions in Visible Builder now in an instant restores component visibility as a substitute of requiring web page save/reload.

Leap Into Divi 5 These days

The Divi 5 Public Beta is to be had these days. Give it a check out, and tell us what you suppose! The reliable unlock date has been set, however there’s nonetheless time to leap in early and get your footing.

If you happen to discover a trojan horse, report it to our team, and we’ll repair it. We’ll proceed to paintings aggressively so as to add new options and cope with comments.

Keep tuned for a brand new model of Divi 5 each two weeks.

The submit Divi 5 Public Beta 8 Release Notes seemed first on Elegant Themes Blog.