2.1.1 / 22 Oct 2020
- Areas can be triggered via URL hashes.
- The “Overflow” layout option is previewed in the Visual Builder.
- The Layout Library now is displayed correctly when creating a new Divi Area, before saving it the first time.
- Improve the full-height calculation of Popups
- We have launched our layout library! Use any of our pre-built Areas that come fully configured 🎨
- Portability support for Divi Areas! You can export and import Area settings (type, triggers, behavior, etc)
- Added the “Overflow” Layout option for Divi Areas.
- Area sizes are more accurate when using Divis responsive sizes.
- Images inside Areas are instantly loaded in Chrome (fixed a lazy-load bug).
- Area size is re-calculated when the Area contents change, e.g. when an accordion is opened or closed.
- When a Popup is opened, scrolling is disabled in all browsers without shifting the content!
- New WP filter to define “active” Divi Areas
- New WP hooks for Area preview –
- New WP hooks to customize Area output –
- New JS action that fires when an Area was resized
- New JS action to customize screen-position of an Area
position_area(not available for Inline Areas).
- Full-Height Popups can be scrolled again in Safari/iPhones.
- Hover Areas are positioned correctly on all pages.
- The error “Invalid position: center-center” was thrown by Hover Areas in some cases.
- Remove a duplicate toggle-button from the Divi Area meta boxes.
- Correct the full-height mode for Fly-Ins.
- Bug in the Divi Area Page-Rules selector is fixed which displayed an empty page-list when editing an existing Area.
- Add a toggle in “Settings > Front End” to disable plugin cache for development or debugging.
- Page Rules are working again
- Lifetime licenses do not display an expiration date in the plugin settings anymore.
- WooCommerce pages now display all available Popups, not only the first one.
- Plugin does not break your website when Divi is deactivated.
- Correct a Page-Rule logic that only evaluated the first rule of a given type.
- Scroll to percent logic works again.
- Device conditions in automatic triggers are now working with minified js.
- Divi Areas work with IE 11.
- On-Page Popups were accidentally hidden inside the Visual Builder after saving the page the first time.
- New template function to validate the current Visual Builder version:
- New JS API function to identify an Area:
- We have refactored the entire plugin!
- A new welcome page will be displayed after every plugin update to inform you about changes
- All Areas will now generate truly unique CSS classes to avoid any layout caching conflicts
- We have introduced new trigger types: On Inactivity, On Browser Focus, With URL Parameter
- The Visual Builder displays a preview of the Close Button (only in the Divi Areas editor)
- New configuration options for Area width and height for even more flexibility
- The plugin now uses Divis Theme-Builder logic to let you choose which pages should include (or exclude) an Area
- Use the brand-new Categories to group and filter your Divi Areas!
- A new dynamic script generator generates highly optimized and reliable JS trigger code on-demand
- Improved inline documentation and help
- The Keep-Closed behavior has a new “Start Closed-Timer” option
- The Inline Area injection logic has become more reliable and flexible
- New logic to calculate Area size and position
- Popup text is no longer blurry in Windows browsers
- Deprecated the “full-width” class, because it’s not used anymore
- WordPress 5.5 compatibility changes in Area editor and settings page
- In some cases, the Google reCaptcha inside a Popup would throw a JS error upon page load
- The close button does not trigger any scrollbars when hovered
- Popups are now always hidden when the page loads – in some cases, Popups inside Headers/Footers were visible right when the page loaded
- Click inside an open Popup does not try to re-open that Popup – i.e., fixed the “flickering issue.”
- Accordions and other interactive elements inside Areas are working again
- Plugin is compatible with Gravity Forms 2.4.18+
- Bullet lists now display bullets inside Popups
- Plugin now plays nice with SG Optimizer and WP Rocket
- The close button is now outside the Popup container and can be positioned anywhere, via CSS
- Minor performance optimizations in the JS code
- Inline Areas can now be triggered like any other Area. And yes, they can dynamically replace any section on the page!
- The default shadow can now be disabled for Hover Areas
- All Areas can be triggered via CSS class. Not only Popups but everything!
- Some new methods in the JS class
DiviAreaItemthat are used by the JS API
- Click- and Hover-Triggers now support complex selectors, such as
- Positioning of Hover Areas is much better; you could say, it’s correct now
- Some UI changes in the “Area Trigger” meta box
- The close button now works in Inline Areas
- We found and fixed a problem with the Visual Builder when inserting Popups into blog posts
- There were some nasty typos that possibly caused some rare bugs
- Of course, improved some parts of the code, especially lots of comments 🙂
- Click triggers can be added to a Row or Section. The plugin now supports virtually any Divi “Link” field!
- Inline Areas are now injected into custom layouts that were designed with Divis Theme Builder!
- Divi Cache is now automatically cleared when a Divi Area is modified
- The loader code is now an inline script in the header. That adds compatibility with caching plugin, such as SG Optimizer or WP Rocket
- Popup content always expands downwards when a scrollbar is visible – for example when using Accordions inside a Popup
- Code cleanup and improvements
- Default z-index of Popups now is “1000000” (that’s one “0” more than before) to display Popups above a Full-Page menu
DiviAreaConfigobject is output in the page header so that values can be overwritten via JS in the page body
- When a popup is triggered inside a Full-Page menu, the menu is closed while the Popup is opened
- Optimize the Area display code for faster and cleaner display logic
- Now we support Popup triggers on any page (like shop pages or blog archive) and any element (like menus or footers)
- Full support for the Newsletter Module – the module did not work when used inside a Divi Area, though it worked in Popups for Divi
- Inline Areas are displayed correctly again
- The default Popup fade-in animation works again
- A Bug that would permanently disable scrolling of the page, when a Popup was closed while the background was still fading in
- The minified JS snippet for Divi Area injection threw a JS error
- When editing a Divi Area, the “Delete” icon in the post/page list did not work
- Editing a Divi Area will now hide invalid position options, depending on current Area type
- Custom Popup width now works on WooCommerce pages
- A PHP 5.6 error in the updater module is fixed
- Hide the “Saved templates” menu item when Divi is not active
- License key can be set via the wp-config constant
- Many small changes throughout the plugin
- Fully refactored JS API that is fully documented on https://divimode.com/knowledge-base/
- The JS configuration object changed its name to
- Some CSS class names have changed, e.g. “evr_fb_popup_modal” is now “da-overlay”
- JS class
DiviAreaItemthat represents a single Area (e.g., a Popup)
- JS API function:
- JS API hooks:
- Split the JS API into two files – a minimal loader that is enqueued in the header, and the rest of the API which is enqueued in the footer
- Support for the Divi Builder Plugin is even better, cases of missing CSS styles are fixed
- When a Popup is opened, the scroll bars of the page stay visible
- Some script debugging options were incompatible with WordPress’ new block editor
- JS API does not include deprecated function
- details in the Updates tab of the plugin settings give you clear details on available updates
- integration into the “Check Again” button of WordPress to manually check for plugin updates
- the updater-module to check for updates more frequently and smoothly work with the latest WordPress version
- the JS API further and expose additional functions
- triggers on Modules: Links inside modules are treated as normal links, not as popup triggers
- the blur effect of the background overlay after the WooCommerce changes broke it
- exit-intent Popup logic to recognize the “Keep Closed” setting
- bugs on some WooCommerce and Divi Builder archive pages
- correct Area layout on WooCommerce pages
- compatibility with the Divi Builder plugin
- Exit-Intent logic so that multiple exit-intent popups are displayed one by one instead of all at once
- JS API: The
DiviAreaobject exposes additional functions
- the minification of CSS files to generate ~16% smaller CSS files
- console error that said
could not load style.css.map
- the “Close other Popups” behavior, so now it will really close other popups
- some minor bugs in the popup behavior
- new JS API
- a warning that showed up for logged-in users when WordPress runs on a Windows Server
- the new option “Show Loader” to the Popup Tab to better support iframes inside the Popup
- input of Popup ID in Visual Builder to prevent invalid characters
- code structure for better unit testing and quality assurance
- some more JS errors that happened with specific versions of PHP/WordPress
- better onboarding: Redirect user to license page on first plugin activation
- a PHP 5.6 error on the plugins settings page
- a rare JS error that was caused by wrong load-order of JS libraries
- error that was raised when the plugin was activated on a site that did not use Divi theme or Divi Builder plugin
- PHP notices and an error in the plugins settings page
- a brand-new Tab to the Visual Builder that allows you to configure all popup details using Divi! No more class names in the Frontend Builder 🥳
- an error when saving an element to the Divi Template Library in the Frontend Builder
- admin UI in WordPress 5.3
- developer integrations by providing new filters/actions
- and refactor the admin UI as preparation for future updates
- scroll bars in Popups that are taller than the screen height
- position of full-height popups that were displayed too far up on the screen
- a JS error in the options panel “Display: On Posts/Pages”
- the JS trigger description to display the correct snippets
- some typos in the admin UI and help
- support for Hover Areas! 🥳
- support to save any Divi Area to the Divi Template Library
- full editing support to the Divi Template Library: Edit all Area settings in the template.
- close-button-support for Inline Areas
- two custom close-conditions with an optional close-delay for Hover Areas
- four positioning options and a new z-index field for Hover Areas
- a new “Max-Height” option for all Areas
- a new option on the Settings page to enable the script-debug mode for un-minified JS
- the admin UI stability (e.g., the number input fields had a rare rounding bug)
- the outputted JS code further
- developer integration by adding more WP action hooks/filters and API functions
- a bug where the Popup overlay was hidden too early when displaying more than one Popup at once
- wrong zIndex values when displaying multiple Areas at the same time
- support for the brand new Fly-in Areas
- a new “Area Position” meta box for Popups and Fly-ins
- a new tab on the Settings page to enable the JS debug-mode
- support for SCRIPT_DEBUG to output un-minified JS code in the page footer
- the JS API. We rewrote the API from ground up with tons of features and enhancements: Detailed debug logging, an all-new DiviArea base object with support for WordPress-like hooks, and much more!
- the positioning and display of meta boxes in the Divi Area editor
- the display order of Divi Areas in the front end
- some glitches in the JS script that triggers Divi Areas
- the User-Role conditions
- an issue that prevented advanced Popup triggers from firing (timed, on scroll)
- animation glitch in Safari/iPhone that displayed the Popup too small when using Divis “Zoom” open animation.
- logic that did not recognize Popups with upper-case letters in the Popup IDs.
- issue with transparent Popup background.
- the CSS rule that allows custom box-shadow styles.
- a JS error that prevented Popups from opening in Firefox, Safari, Edge
- Popup behavior: The size now matches the width of your Divi section! 🤩
- the default layout of Popups have no box-shadow. If you want a shadow, either add the class
with-shadowto your section or use Divi to apply a box-shadow to the section. Style it your way!
- full support for the Inline-Area type!
- new meta box to configure the Inline-Areas location
- option to inject Inline-Areas into Theme Locations: Header, Main-Menu, Post-Content, Comment-Form, Footer
- option to inject Inline-Areas before/after certain Divi sections inside the post/page content – via class or ID selector
- new meta box to customize the Divi Area layout
- option to customize the Area width, enable the box-shadow and dark-mode (Close Button)
- support for URL triggers via the Blurb “Content Link”
- the Popup behavior “Close other Popups”
- two new settings to customize the Divi Area editor
- new WP filter options to customize dark-mode and box-shadow style
- the description and inline-help for some options
- minor improvements of the Admin UI
- select list behavior in Firefox
- Popup width on iPhone 6 and earlier
- option to hide the close button and make the popup modal
- option to keep a popup closed for s certain period
- inline help for all Area options and settings
- an option to use the Area slug as an alternate trigger ID
- Popup triggers, esp the scroll and exit-intent
- Many small improvements and fixes behind the scenes
- a settings-page to the plugin
- automatic plugin updates via the WordPress plugin updater
- the Popups for Divi JS library to the plugin to use it independently
- a new Behavior meta box to control the Close Button
- the admin UI to feel more like Divi
- a new admin section to create Divi Areas
- UI to customize Area display conditions and triggers
- display conditions to target page/posts
- display conditions to target devices (mobile, tablet, desktop)
- display conditions to target user roles
- triggers to show popups on click, hover, scroll, exit-intent and time delay