Divi Areas Pro
Changelog
2.3.1 / 22 Dec 2020
- Integrated plugin support on all Divi Areas pages! Look for the help-icon in the bottom corner.
- WordPress 5.6 compatibility (minor CSS changes in admin UI).
- Exit-Intent Popups do not need a Popup ID (but still it’s recommended).
- More robust plugin initialization. Popups will work, even when Divi does not initialize correctly.
- Sections are not randomly renamed to “Popup – #undefined” anymore.
- The Theme Builder could sometimes miss Area layout settings, that’s a thing of the past.
- Rare ReCaptcha bug that happened when no site_key was present for some reason.
- PHP Notice in plugin update module.
- JS error with the “Push Content” flag.
2.3.0 / 5 Dec 2020
- Area Dimensions now support responsive values to set custom widths based on the user’s device.
- A new Size option in the Dimension tab enables you to quickly turn an Area to “full-width”, “full-height”, or “full-screen”.
- Fly-In Areas can enable the “Push Content” layout to avoid overlapping of the Area and the page contents.
- WPML support to display Areas only for specific languages.
- Areas do not cover the Admin Toolbar anymore for logged in users.
- Introduce a new license server with a less restrictive firewall to make license activation more reliable.
- New JS filter to customize local data storage – `storage_method` (and option `DiviAreaConfig.storageMethod`)
- New JS filter to extend the push-content layout – `push_fixed_elements_{edge}`
- New JS action to customize Area positioning – `position_boundary`
- Many new PHP filters in the Divi Area metabox contents.
- When a Popup, Fly-In, or Hover Area is visible, a new CSS class is added to the body tag.
- Open the Divi Lightbox in front of Popups and Fly-Ins.
- Compatibility with wpDataTables.
- Forminator ReCaptcha is supported inside Popups.
- Fix rare issue with size calculated, caused by incompatible Row settings.
- In rare cases, the Popups did not open due to Divi initializing the ReCaptcha module without a site-key.
- Typo in ReCaptcha code is fixed.
- Fix a rare issue on iOS that would reload the website when a Popup was triggered.
- The `background-repeat` CSS rule is now correctly applied to the background image of a Popup section.
- Compatibility with the new responsive mode of Divi 4.7
- Define default conditions for an Area to trigger it only when all conditions are met. Each trigger can overwrite those conditions with custom values.
- Schedule conditions to trigger an Area only on certain dates or days of a week.
- Referrer condition to trigger an Area only when the visitor arrives from a certain referrer.
- URL Param condition to trigger Area only when a certain URL param is present (or not present).
- The “On Scroll” trigger can receive an element selector to show the Area when an element becomes visible.
- We have made the Visual Builder integration (the “Popup-Tab”) faster and more stable.
- Do not include the JS API for certain 404 results, such as missing images.
- The collapsed Divi Area meta box now sticks to the top of the window.
- The Area position is now reflected by the Visual Builder (left/center/right).
- Removed the trigger type “URL Param” in favor of the new trigger condition with the same name.
- Refactored automatic trigger code that results in up to 80% less inline JavaScript code.
- New JS filter to add custom initialization code – `pre_init_area`
- New JS API function `DiviAreaItem.isPrepared()` to check if an Area is fully initialized.
- Inline Areas can be triggered via Exit-Intent.
- Prevent the full-height mode for Areas that use the layout flag “Overflow: Show”.
- Fix a bug where the “After Delay” trigger did not work with the value “instant” (after 0 seconds).
- The content of Code modules in Layout Library templates is now correctly imported.
- Calculate the correct height of multiline text fields in the Divi Area meta box.
- With the “Never Clip” layout, you can scroll the Areas content via the mouse wheel again.
- The layout of Areas with a custom height is now corrected.
- The Layout Library is now also available for new/unsaved Divi Areas.
- The very first Layout Library sync will now start right after activating the plugin.
- CF7 ReCaptcha is supported inside Popups.
- A smarter Area initialization allows the use of dynamic content (such as Ninja Forms).
- The welcome page shows an accurate changelog after updates.
- The preview of Divi Areas is more accurate.
- If licensing fails, a new error code is displayed inside the license nag on the settings page.
- New JS filter to dynamically change an Areas z-index – `apply_z_index`
- New JS filter to adjust Area initialization – `area_preparation_time`
- The JS API function DiviAreaItem.getData() does not require a parameter anymore.
- Fixed the bug with the empty Page Rules dialog when editing Divi Areas!
- The z-index is correctly applied again.
- Areas can be triggered via URL hashes.
- The “Overflow” layout option is previewed in the Visual Builder.
- The Layout Library is now 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
divi_areas_pre_get_all_areas
- New WP hooks for Area preview –
divi_areas_can_preview_area
,divi_areas_preview_redirect_url
,divi_areas_show_preview
. - New WP hooks to customize Area output –
divi_areas_get_area_flag
,divi_areas_prepare_area_js_code
,divi_areas_prepare_area_triggers
,divi_areas_prepare_area_js_parts
. - New JS action that fires when an Area was resized
resize_area
. - 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 the 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:
divi_area_vb_version()
- New JS API function to identify an Area:
DiviAreaItem.hasId()
- 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
DiviAreaItem
that are used by the JS API - Click- and Hover-Triggers now support complex selectors, such as
header [href="/shop"]
- 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
- The
DiviAreaConfig
object 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
DM_DIVI_AREAS_LICENSE
- 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
DiviAreaConfig
(formerlyDiviPopupData
) - Some CSS class names have changed, e.g. “evr_fb_popup_modal” is now “da-overlay”
- JS class
DiviAreaItem
that represents a single Area (e.g., a Popup) - JS API function:
DiviArea.getArea()
- JS API hooks:
area_wrap
,area_close_button
,refresh_area
,init_overlay
,reorder_areas
- 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
observe()
! UseaddAction()
oraddFilter()
instead - 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
DiviArea
object 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
DiviArea.addActionOnce()
- 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
- better JavaScript error reporting in the dev console
- 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-shadow
to 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
Bring your Divi Experience to the next level, now!
Developed by one of the worlds leading WordPress developers, with over a decade of experience in plugin development and a passion for creating superior user experiences.
* You are protected by a 30 Day Money Back Guarantee