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,731 pts: Hero points 28,542 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
- Flash Drive
- 59 pts: Hero points 46 pts: Rep. points LEVEL 2
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
- 4,517 pts: Hero points 25,922 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,511 pts: Hero points 3,617 pts: Rep. points LEVEL 18

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 );