Once you install and activate either the Divi Areas Pro or the free Popups for Divi plugin, a new global JavaScript object is loaded on every page on the front-end of your WordPress website.
Global library
The name of the global JS library is DiviArea and you can access it on any front-end page via the JS Console. Simply type in the identifier window.DiviArea and press return.
-
How can I access the JS Console?
Every browser has a JavaScript console. Usually, you can open this console with a simple keyboard shortcut:
– Chrome: Press ⌘+⌥+J (on a Mac) or Ctrl+Shift+J (on Windows).
– Firefox: Press ⌘+⌥+K (on a Mac) or Ctrl+Shift+K (on Windows).
– For other browsers or more details, read the official guide on wordpress.org
Properties
The JS library provides following properties, mainly for debugging purposes:
app- Describes the current JS library source. This is either “Divi Areas Pro” or “Popups for Divi“
lib- The official identifier of the JS library. This is either “DiviArea” or “DiviPopup“. However, this is a legacy value as the JS library is always available under the identifier
DiviAreatoday. version- The version of the JS library. Note, that this is different from the actual plugin version you use. For example, Divi Areas Pro version 1.2.0 uses the JS library version 1.0.0. The version number of the JS library changes when new features or bug fixes are introduced into the JS library.
info- Purely informational string that combines the JS library identifier (i.e., the installed plugin) and the current JS library version.
Alias
For backwards compatibility we provide an Alias to the JS library under the name DiviPopup. It’s just a different name for exactly the same library.
Following commands are identical:
DiviArea.show('demo');
DiviPopup.show('demo');