Support

Home Forums Event Espresso Premium Checkout page error message and style issue

Checkout page error message and style issue

Posted: April 6, 2018 at 8:50 am

Viewing 5 reply threads


nieuwontwerp

April 6, 2018 at 8:50 am

When there is an error in the registration, a message is shown, but the style of the whole page is twisted. I have several questions about that page and error:

This is how the page looks like, when entered:
Screenshot

1) When there an error with the e-mail, an error message appears. How can I change the message “Email does not have the required @ sign”? I cannot find it in the translation files/text-domein or a translation plugin…
Screenshot

2) On the same page, behind the message: the style of page is different. When I inspect the page, it looks like the complete single_page_checkout.css is unlinked? Or is a specific CSS class changed on error?


Josh

  • Support Staff

April 6, 2018 at 10:45 am

Hi there,

The error message for a missing/invalid email address can be changed in Event Espresso > Registration Form, then edit the Email Address question, where you’ll change what’s set in the Required Text field.

With regards to the styling issues, we can investigate further if you can post a link to the event page.


nieuwontwerp

April 6, 2018 at 12:41 pm

Hi Josh,
Thanks for the first answer. About the second, this is the link: https://tickets.streekdagen.nl
If you order one of the tickets and then fill in an emailaddress without the @, it will reproduce the error and you can see the style missing.


Josh

  • Support Staff

April 6, 2018 at 1:20 pm

The validation isn’t working correctly, which leads to the missing styles on the redirect. The client-side validation not working is related to this error in the console:

https://slack-files.com/T02SY781D-FA3HNUSFQ-a126723547

This can all be avoided if the site can switch to use the bundled version of jQuery that comes with WordPress. Your theme appears to be de-registering that version and enqueue its own. This isn’t best practice, and most resources will advise not to do that.

Advised fix:
If your theme has something like this in its functions file, remove it.

wp_deregister_script('jquery');
wp_enqueue_script('jquery', 'path_to_theme_copy_of_jquery', array(), null, true);


nieuwontwerp

April 9, 2018 at 5:54 am

Hi Josh, regarding your first answer. I can only change the text there that is shown when the email field is required, but not filled in. The text I try to change is when the email field is filled in, but wrong (missing @ e.g).

I am going to look into the second answer right now.


nieuwontwerp

April 9, 2018 at 6:21 am

Hi Josh,
I found the issue, it is indeed related to what you describe.

I managed to get it to work by switching back to Jquery version 1.9.1.

Now the message I “wanted” to translate is not shown, because the validation works good.

Thanks.

Viewing 5 reply threads

The support post ‘Checkout page error message and style issue’ 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