https://element.how/elementor-hover-popup/
If you want the hover popup to stay open after the mouse leaves the trigger element, use this code:
<script>
document.addEventListener('DOMContentLoaded', function() {
let elements = document.querySelectorAll( '.showpopup' );
let popupposts = ['15979']; /* enter your popups IDs here , in the order you want them to show up */
elements.forEach(function(e,i){
e.addEventListener( 'mouseenter', function(){
elementorProFrontend.modules.popup.showPopup( { id: popupposts[i] } );
} );
});
});
</script>
If you want the Elementor hover popup to close when the mouse leaves the trigger element (as in the example above), use this code
<script>
document.addEventListener('DOMContentLoaded', function() {
let elements = document.querySelectorAll( '.showpopup' );
let popupposts = [ '15979', '15983']; /* enter your popups IDs here , in the order you want them to show up */
elements.forEach(function(e,i){
e.addEventListener( 'mouseenter', function(){
elementorProFrontend.modules.popup.showPopup( { id: popupposts[i] } );
} );
e.addEventListener( 'mouseleave', function(event){
jQuery('body').click();
});
});
});
</script>
