New to the community? Start here

Do not show pop up if another has shown.

Hi, we have two pop ups, one that is triggered after a few seconds and one that is trigged by a click. We need to prevent the first popup from showing if the click event has occurred.

Thu, 7 Sep 2017 6:01:57

Predrag Dubajic
- Support
- 3,943 pts: Hero points 30,359 pts: Rep. points LEVEL 30
Hi colind,

Your question has been escalated to our developers to see how this can be accomplished, please note that, developer response might be slower than usual staff response, so we appreciate your patience on this.

Best regards,

Predrag
colind
- Design Lord, Child of Thor
- 60 pts: Hero points 51 pts: Rep. points LEVEL 3
I spent some time trying to figure this out. It seems like I ought to be able to modify the properties of the Optins object in the DOM and then re-init Hustle but I got stuck at re-init.
Adam Czajczyk
- Support Gorilla
- 5,031 pts: Hero points 28,921 pts: Rep. points LEVEL 30
Hello colind,

That sounds like it might be possible though it would probably require some custom JS. My colleague Predrag has already forwarded your question to the developers and we’re waiting for their response. We (or one of the developers directly) will update this ticket for you once we get some more information on possible solution here.

Best regards,

Adam

Panos

1,760 pts: Hero points 4,065 pts: Rep. points LEVEL 20

Hi colind ,

Could you please try adding the following in your theme’s functions.php or in a mu-plugin:

add_action( 'wp_footer', function(){



?>



<script type="text/javascript">



(function($) {

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;



$.fn.attrchange = function(callback) {

if (MutationObserver) {

var options = {

subtree: false,

attributes: true

};



var observer = new MutationObserver(function(mutations) {

mutations.forEach(function(e) {

callback.call(e.target, e.attributeName);

});

});



return this.each(function() {

observer.observe(this, options);

});



}

}



$(document).ready(function(){



var popup_shown = false;

$('body *').attrchange(function(attrName) {



if(attrName=='class'){



if( popup_shown ){

if( $(this).attr('class').indexOf( 'inc_optin' ) ){

$(this).hide().remove();

}

} else if( $(this).attr('class').indexOf( 'inc_optin' ) !== -1 ){

popup_shown = true;

}



}else if(attrName=='id'){



}else{



}



});

});



})(jQuery);



</script>



<?php



}, 10 );