modal-on-exit feature

Hi Semicolon,

I'd like to implement to my webshop an exit popup that shows up when user plans to leave the page.
I found your .modal-on-load feature (eg in modal-onload-subscribe.html), also found it in the functions.js:

		modal: function( element ){
			let settings = {
				element: element,
				default: '.modal-on-load',
				file: 'plugins.lightbox.js',
				error: 'plugins.lightbox.js: Plugin could not be loaded',
				execfn: 'SEMICOLON_modalInit',
				pluginfn: () => $().magnificPopup,
				trigger: 'pluginLightboxReady',
				class: 'has-plugin-lightbox'
			};

			SEMICOLON.initialize.functions( settings );
		},

I'm wondering if you had a similar easy-to-implement solution for exit popups, so I could include the modal with similar easy way, with adding a .modal-on-exit class.
If I need to add some code to my footers (instead of functions.js), that's also fine.

Currently I have the following code that triggers the event when user wants to leave the page.

jQuery(document).on('mouseleave', function(e) {
        if (e.clientY < 0) {
   		alert('show modal here');
        }
    });

I didn't update to Canvas 7 yet (still using Canvas 6.6.5) but would be great if you had some ideas how to implement it with JQuery and magnificPopup.

Many Thanks,
A.

Hi,

Thank you for your response. I will check the code I'm sure it will work perfectly.
PS: I am aware of limitations of the licence and I am genuinely using my licence on only one website - of course, additional licences will be purchased when other website will be built based on it.
Thanks,
A.

Hello Semicolon,

Great to see you back!

I just getting back to this issue - the situation is that I plan to integrate the exit modal, but with ajax load.
It's based on the modal-onload-subscribe.html. The main html contains this:

ajax loaded content will come here

and also, all inner part of modal1 (incl background of modal, etc.) is loaded by ajax.

Main js code:

    document.addEventListener('mouseleave', function(e) {
	if (e.clientY  ((index):775:37)
    at HTMLDivElement. (

Any idea?

Thanks
A.