Support

Home Forums Event Espresso Premium Login button not working on registration page while NOT using forced login

Login button not working on registration page while NOT using forced login

Posted: August 31, 2016 at 11:11 am

Viewing 25 reply threads


Pim Stumpel

August 31, 2016 at 11:11 am

Hi!

So i am not using the forced login on my events. However at this moment as people register as a returning customer, so with the same e-mail adres as before, the notice arrives about them having an account and asking them to login.
Now that is not a problem, however as soon as they press the button “login” nothing happens. The screen turns a little greyer, like there is supposed be a pop up or something. But nothing really happens.

I am not sure why this is happening. The only thing i can think of is that i use recaptcha on my normal login page (mysite.com/wp-login.php i mean)

I am using all the latest versions of wp/plugins/EE4, so just don’t get what is going wrong.

Hope you guys can help me out, as right now some clients need to register with 4 different email adresses when they want to come to 4 different events..:(

Cheers!


Pim Stumpel

August 31, 2016 at 11:21 am

FYI, i am using some plugins for my normal login pages:
– Login No Captcha reCAPTCHA
– redirect after login
– Hide Admin Bar From Non-admins

Don’t know if it is important, but maybe it is.
And an example event is: http://lanzarote.dinghycoach.com/index.php/registration-checkout/#checkout


Josh

  • Support Staff

August 31, 2016 at 2:40 pm

Hi Ruby,

The first thing to check is plugin conflicts, and it sounds like you’ve already identified some potential conflicting plugins. So the next step is verify whether those are actually conflicting or not.


Pim Stumpel

September 4, 2016 at 6:09 am

Hi Josh,

Thank you for your message and appologies for the late reply (like always). So i checked all my plugins, and deactivating them didn’t work. It is also strange as everything from event espresso/my theme/the plugins is working correctly and perfect (SO HAPPY WITH THAT) but this small button is not working:(

What should i do next?

Cheers!


Josh

  • Support Staff

September 5, 2016 at 3:28 pm

Can you check for a JavaScript error in the console when you get to the point where the modal should load, but it doesn’t?


Pim Stumpel

September 6, 2016 at 4:39 am

Hi Josh,

Ok after googling what you meant hahah, i did what you said and got the following:
Print screen js errors

Cheers!


Tony

  • Support Staff

September 7, 2016 at 4:39 am

Hi Ruby,

It looks like the problem is due to a style setup within your theme.

EE adds a class of ‘hidden’ and sets that to display: none; using CSS which hides the element, then when you click the button it uses some JavaScript to add display: block; to the element so it becomes visible.

However your theme adds an additional style to the class ‘hidden’ – http://take.ms/KjekV

It sets visibility: hidden; too.

When that is removed the login form displays – http://take.ms/rVSYC

So basically EE sets the display attribute to block but because the theme has set the visibility to hidden it remains hidden.

To fix this you can just override what the theme is doing for that specific element – http://take.ms/V1WQg

You can use this code:

.ee-admin-dialog-container.hidden {
    visibility: initial;
}

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.


Pim Stumpel

September 7, 2016 at 4:51 am

Hi Tony,

Thank you for your testing effords and information! So i added the code you told me and now the login panel is visible (SCORE) however, when i then fill in my login details and press enter, it deletes everything i filled in into the form. And nothing has happened. I am not logged in still. So something is still going wrong:(
Shouldn’t everything a customer has filled in remain after logging in? So they continue to the next step?

Cheers,


Tony

  • Support Staff

September 7, 2016 at 5:05 am

Do you have reCAPTCHA enabled on the site?

Go to Event Espresso -> Registration Form -> Reg Form Settings

There you will find the option ‘Use reCAPTCHA’, is that set to yes?

Do you have both the Site and Secret Key setup from your reCAPTCHA account?

Either way, if its enabled temporarily disable it so I can run another test please.


Pim Stumpel

September 7, 2016 at 5:08 am

I do use reCaptcha on the site, however it is already disabled in EE Registration form. Might that be the problem?
Do yo want me to leave it on ‘Use reCAPTCHA’: “No” or do you now want me to change it to yes?

Cheers!


Tony

  • Support Staff

September 7, 2016 at 5:14 am

What plugin are you using for reCaptcha currently?

The JS errors being thrown on the page are from reCaptcha scripts that are being added to the login form, digging a little deeper they don’t appear to be from EE.


Pim Stumpel

September 7, 2016 at 5:16 am

I am using:
Login No Captcha reCAPTCHA

Adds a Google reCAPTCHA No Captcha checkbox to the login form, thwarting automated hacking attempts

Version 1.1.7 | By Robert Peake | View details

But it is strange that is causing the error as it is set to “no” at the moment right?


Tony

  • Support Staff

September 7, 2016 at 6:01 am

Where is it set to No?

If you mean the setting within EE above then that is EE’s own reCaptcha module that would be included if it was set to Yes. EE loads a reCaptcha form on the registration page, like this – http://take.ms/ozIBu

EE will not allow the registration to continue if the reCaptcha is not valid in that case.

‘Login No Captcha reCAPTCHA’ is adding its own version of reCaptcha to the login forms which is completely separate from EE’s setting. In this case the script the plugin adds to the login form is throwing a JS error and breaking the login modal from EE.

I’ve just tested this locally and get the same problem with that plugin activated, I’ll check if its possible for us to work around this with a snippet, however currently you can not use that plugin with the EE4 Users add-on.


Pim Stumpel

September 7, 2016 at 6:07 am

Aaahhh ok, now i understand what you mean!
Yeah let me know if there is a snippet, if there is no way, let me know i will try to find another solution to that problem. I just want to make the login to work again, so my users can finally experience the benefits of the user add on haha.

Thanks so far!


Josh

  • Support Staff

September 13, 2016 at 3:51 pm

You could try this plugin as an alternative:

https://wordpress.org/plugins/webdesignby-recaptcha/


Pim Stumpel

September 14, 2016 at 5:25 am

Hi Josh,

Thanks for your message! I have to go out of the office first today, but later today i will definitely try it out!

Cheers!


Pim Stumpel

September 16, 2016 at 5:15 am

Hi Josh & Tony,

So i installed the plugin you mentioned yesterday and tried to test if the login would work now. It did not clear the screen so that is good, however the “loading” sign keeps running in the screen and nothing happens. So yesterday i thought maybe my internet connection wasn’t good enough from where i was working.

So i just tried again at home where my internet connection is stable and i got the exact same thing. As you can see on the picture this is the loading sign i see the whole time which keeps on circling.
Print screen of loading sign

I tried to look at the js console again, like we did before, but there are so many lines, i can’t get them on one print screen.. my js knowledge is kind of zero… So if you guys have any idea’s/could take a look at it again that would be great.

Thank you so much for all your help and time so far by the way!!


Josh

  • Support Staff

September 16, 2016 at 8:34 am

Hi Ruby,

Can you try clearing your browser’s cache? The reason I ask is because I checked and the log in modal is appearing for me when I try it.

https://slack-files.com/T02SY781D-F2CG351EK-ef00a3c30c


Pim Stumpel

September 16, 2016 at 8:40 am

Hi Josh,

Thanks for your reply. Sorry i mean, the login modal is appearing, but after i fill in the details (username/password) and press enter, then the loading sign appears (the login modal closes) and it keeps on loading something, but nothing happens.

Cheers,


Josh

  • Support Staff

September 16, 2016 at 8:51 am

oh OK. So it looks like you’re going to need to disable the other recaptcha plugin, the error that it’s throwing is

Failed to load resource: the server responded with a status of 404 (Not Found) http://lanzarote.dinghycoach.com/wp-admin/wp-login.php?g-recaptcha_err=1


Pim Stumpel

September 16, 2016 at 8:58 am

You mean the old plugin i had before? That is already deactivated. Only the new one (the one you guys suggested) is activated at the moment.


Josh

  • Support Staff

September 16, 2016 at 9:08 am

No I mean the new plugin. That one is also causing errors.


Pim Stumpel

September 16, 2016 at 9:28 am

Hi Josh,

Ok the new plugin is now also deactivated and now it works correctly (i think) it showed “login succeeded”.

So the only thing is now i don’t have recaptcha on the website anymore and am afraid of hackers/spambots etc.

Any other suggestions?:(


Lorenzo Orlando Caum

  • Support Staff

September 16, 2016 at 12:25 pm

Hi Pim,

You may find the Blackhole for Bad Bots plugin helpful:

https://wordpress.org/plugins/blackhole-bad-bots/


Lorenzo


Josh

  • Support Staff

September 16, 2016 at 2:18 pm

The Blackhole for Bad bots plugin is helpful for keeping spam bots at bay.

Since you’re also looking to better secure your site’s WordPress admin, you can do a lot better than a reCaptcha form. This includes:

For admin accounts, don’t use a username “admin”.
Use strong passwords
Secure the site with https (i.e. get a SSL certificate)

These and more suggestions can be found here:

http://www.wpbeginner.com/wp-tutorials/11-vital-tips-and-hacks-to-protect-your-wordpress-admin-area/


Pim Stumpel

September 19, 2016 at 7:27 am

Hi Tony & Josh,

Thank you for your messages! Haha yeah i know that using “admin” is a no go and using strong passwords is a plus, so we are already doing all that. I will order my SSL certifcate soon as an extra.

I will figure something out, at least i know what was causing the problem now, so thanks!

I have one more question, related to the user registration proces, but will open a new topic to keep things organized.

Thanks again for all the info and your time!

Cheers,

Viewing 25 reply threads

The support post ‘Login button not working on registration page while NOT using forced login’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso