How can popup not close when login details are wrong?

@djdrumn – The problem is that your form doesn’t submit using javascript. so when it submits the page refreshes in the process. Because the popup isn’t open by default when the page loads, so if you reopen it the errors are likely there. To resolve this you can do something similar to this https://gist.github.com/danieliser/a8998a38d84299d4aeba

You will need to look for a unique form field in your form and use its name. You are basically just confirming that your form was submitted and then it will open your popup immediately after refresh.

Hope that helps.

Hi Daniel,

Thank you very much for your help. When you answered I was in your state, in Miami, now I’m back to Portugal again.

I tried what you suggested, which makes sense. In order to activate the javascript code, I have made this simple function:

add_action( 'wp_footer', 'hoc_popup_reg_form_check', 1000 );
function hoc_popup_reg_form_check() {
	if ( Theme_My_Login::get_object()->errors->get_error_code() ) {
		?>
		<script type="text/javascript">
			jQuery('#popmake-entrar').popmake('open');
		</script>
		<?php
	}
}

So each time there’s an error on login, it should activate the javascript and so far so good, I can see the code there when I test an error.

Problem is, no popup is automatically oppened. ??

I have tried so many different ways, like using #popmake-535, using a function inside that javascript, putting it being executed with the document/window, nothing seems to work… ??

Could you please give me a hand here?

Thank you very much.

Best regards,
Pedro Lima

Please, I know this is a free support and a free module, but do you have anything that could help me?

Also, we have “blocked” the website by user and pass temporarily, so you will have to use this access:

[ Redacted, do not post user ID and passwords in these forums again ]
Thank you very much in advance.

@djdrumn – None of our popups have IDs that are names. They are all numeric. So you likely just need to change #popmake-entrar to #popmake-123 or whatever the popups # id is.

Also you should probably add this around your code.

jQuery(document).ready(function () {

// Popup open code here.

});

Hope that helps.

Hi Daniel,

Thank you for your answer, but as I have mentioned, I have used the ID with number as well and it doesn’t work.

Also, I have tried your suggestion and it still not working. ??

Do you have any other idea?

Thanks.

Regarding the code, here’s one of the many codes I have tried:

<script type="text/javascript">
	jQuery(document).ready(function () {
		jQuery('#popmake-535').popmake('open');
	});
</script>

This appears in the end of my website, is that ok or should this javascript code appear on header or something like that?

FINALLY!!! I have sorted it out…

This code was the last one being executed in my footer, but for some reason it was not executing. Then I tried to call this code with FireBug (in FireFox) and it worked! So that was not the problem.

Then I tried setting it in my header and it wasn’t working as well.

So I thought in adding a delay to the code, so that the popup-maker js could load entirely and it worked out! ??

Here’s my entire code to show the login popup only when there is a login error:

<?php if ( Theme_My_Login::get_object()->errors->get_error_code() ) {
	?>
	<script type="text/javascript">
		setTimeout( function(){
			jQuery('#popmake-535').popmake('open');
		}, 1000 );

	</script>
	<?php
} ?>

For all of those that were having the same problem, thank me later! ??

@djdrumn – Glad you got it worked out.

And “those that were having the same problem” is, once again, me! ??

Oh man, posting the successful result is awesome, that’s why I like when people does this and that’s why I do it.

I was trying to do this once again and wasn’t being able to do it, and here’s the answer and solution I had found in the past. ??

@djdrumn – Even better when you realize the answer your looking for was your own..

Indeed! ??

Hi will someone help me. My programming experience is kind of outdated now. And I am new to WP. I have used Popup Maker to open Login and Registration forms. I was very happy they way forms seamlessly open and user quickly able to signup or sign-in.

But in case of Errors – User never able to judge what happens.

I am using it for Ultimate member forms.

https://emergentvisiontec.com/new/evt/support/download-files/

on this page if you click on any download link – it opens the login form perfectly but if i try wrong username password it never shows errors where as when again click on link the next time popup shows.

How can I fix it!

One more thing If a Signup link is clicked, that is available on bottom of the sign-in popup, popup maker shows a register form. That register form was having a drop down Country list with search .. it does not show.. where as it is actually behind the popup. it appears one we close the window!

Hi,

I had the same problem and I solved it with the code I posted above.

Try to copy-paste this code into your footer:

<?php if ( Theme_My_Login::get_object()->errors->get_error_code() ) {
	?>
	<script type="text/javascript">
		setTimeout( function(){
			jQuery('#popmake-36069').popmake('open');
		}, 1000 );

	</script>
	<?php
} ?>

It should work! ??

Regarding your other problem, that has to do with z-index. I had played a little with your code and that’s clearly the problem in your case.

Z-index sets an item in front or behind other items. It’s very usefull for these cases when we are working with popups, but it’s important to use proper values.

First, let me give you one advice: avoid using z-index with 99999999 or something like that, because then, what happens is that when you try to put one item in front of something using a very high number, you will not be able to.

So, what you need to do is to access your backoffice, go to Popup Maker and then edit your popup. While editing it, routhly in the middle you will see the Z-index with “Overlay Z-Index” and “Popup Z-Index”.

I suggest you these values in your specific case:

Overlay Z-Index – 9500
Popup Z-Index – 10000

Then I suggest you to edit your selectbox option and put it with z-index: 10500;

If you don’t know how to do it, simply add this CSS code:

.select2-with-searchbox {
    z-index: 10500;
}

I’m sure this will help you with your problems. ??

I am glad for your response. I will be trying this today and will let you know. It it works it will be great as I really like the way popupmaker showing those login and registration form. The best thing about them is that user don’t go lost by going to some other page.

@sinnans – Awesome, glad it works well for you. Please take a moment to rate and review the plugin and or support.