@justcamehere But that does always trigger the pop-up on exit intent whether there are items in the cart or not. That's not what OP asked for.
Unfortunately, Elementor has made it much more difficult to manually trigger a pop-up if the conditions are not within their pre-defined triggers and advanced rules. But, a little coding gets you there.
I tried to add my code via the normal procedure of embedding code here, but it seems Babiato doesn't allow that anymore or maybe because the code is a combination of PHP and Javasacript?
I'll try again, first the PHP part:
PHP:
function not_empty_cart_popup_function(){
global $woocommerce;
$items = $woocommerce->cart->get_cart();
if( count($items) > 0 || !empty($items) ) { ?>
// the JavaScript part comes here
<?php
}
return;
}
add_action( 'wp_footer', 'not_empty_cart_popup_function', 10, 5);
And the JavaScript is this:
JavaScript:
var mouseX = 0;
var mouseY = 0;
var popupCounter = 0;
document.addEventListener("mousemove", function(e) {
mouseX = e.clientX;
mouseY = e.clientY;
});
jQuery(document).mouseleave(function () {
if (mouseY < 50) {
if (popupCounter < 1) {
elementorFrontend.documentsManager.documents[11964].showModal();
}
popupCounter ++;
}
});
NOTES:
1) In the settings of your pop-up you set it to display on the entire site, but DON'T select any triggers or advanced rules.
2) The number between brackets (documents[11964].showModal)is the ID of your popup.
3) Surround the JavaScript with the usual opening and closing tags. Apparently those tags are not allowed in the code section.
