npm install mizer-overlayjavascript// require in plugin on entry file
require('overlay')($);
$(function () {
// initialize the overlay trigger
$('.overlay-trigger').overlayModal();
});
`$3
html
`
Default settings
javascript
"overlayAppendSelector":".base",
"overlayClassname": "overlay",
"overlayContainerClassname":"overlay-container",
"overlayBodyClassname":"overlay-body",
"activeClassname":"overlay-active",
"closeClassname":"overlay-close",
"interstitial": false,
"interstitialSelector":".interstitial-link",
"interstitialCancel":".interstitial-cancel",
"interstitialPopupSelector": "#third-party-overlay",
"overlayAuxiliaryClass": null,
"plugins":{},
"onOpen": function () {},
"onClose": function () {}
`Settings Reference
$3
Add an extra class to the overlay body for custom styling.
$3
Mechanist for extending logic. See example below for the email a friend overlay:
('.email-friend-trigger').overlayModal({
plugins:{
emailFriend:require('overlay-email-friend')
}
});