Support

Home Forums Event Espresso Premium Checkout form

Checkout form

Posted: February 1, 2023 at 8:38 am

Viewing 8 reply threads


JeffChahal

February 1, 2023 at 8:38 am

Hi,

I’m trying to find out how I can change the checkout form. Currently some of the fields aren’t correctly highlighted, I’d like the fields to be very obvious.

The buy now button is quite a way off to the right of the screen, I’d like this to be closer to the ticket selection grid. The countries drop down for purchasing also only contains UK, USA and Canada.

I have a number of attendees from Europe and would like to have those countries on the drop down.

Is it possible to integrate the Stripe checkout page as the ticket sales page?

Thanks


Tony

  • Support Staff

February 1, 2023 at 10:23 am

Hi there,

Can you link me to an event I can run a test registration on to view this?

I need to view the page for your first 2 points.

The countries can be managed within Event Espresso -> General Settings -> Countries. Selecting a country within the dropdown allows you to set if that country should show in the dropdowns or not.

Is it possible to integrate the Stripe checkout page as the ticket sales page?

If you mean integrate into the same page as the ticket selector then no, thats not possible currently.

The ticket selector submits the ticket selections to the registration checkout page which we call single page checkout, from there the registration and payment are processed.


JeffChahal

February 1, 2023 at 10:39 am

Thanks for the info.

The site is currently offline, I can send you some WP Admin log in info if that will be enough?


Tony

  • Support Staff

February 1, 2023 at 10:41 am

Sure, you can send those via this form:

https://eventespresso.com/send-login-details/


JeffChahal

February 1, 2023 at 1:00 pm

All done.


Tony

  • Support Staff

February 1, 2023 at 1:30 pm

Ok, so the problem is mainly from styles applied by your theme to the content.

For example, the Fudge theme is setting all tables within the content to have width:auto, which then sets the table to display on half of the page and the submit button floating over to the right.

EE sets a width of 99% to fill the current content element, which then looks like this: https://monosnap.com/file/gaKeb8x1Zd5O8lqBfJTWb8ESceeBgU

That’s just me using Chrome Dev tools to remove the theme’s styles and show how it ‘would’ look. How would you prefer it to look there?

Currently some of the fields aren’t correctly highlighted, I’d like the fields to be very obvious.

Which fields are you referring to? I’m assuming the payment options field as those again are being overridden by the theme:

https://monosnap.com/file/CkPQ4Pvaaey7k3Q3TKsGmag5ecfiLN

You can add your own CSS to override the styles from the theme, for example:

.spco-payment-method-info-dv input {
    outline: initial;
    border: 1px solid grey;
}

Add that Appearance -> Customize -> Additional CSS however your theme is also applying specific styles to select (dropdown) elements.

Overriding theme styles to fix issues like this is not something we would normally provide under support as this isn’t an issue from Event Espresso itself but something your theme is doing.


JeffChahal

February 1, 2023 at 3:01 pm

Thank you, I’ll speak to the theme folks and see what they can do.

Help is appreciated.


JeffChahal

February 4, 2023 at 5:08 pm

Hi,

I had a reply from CS of the theme provider, their reponse is below.

Hi Jeff,

We looked into the issue you are encountering and it looks like the issue with Event Espresso plugin. They are adding a CSS rule of floating right to the register now button. Please see the attachment.

I’m afraid we are unable to assist you with this. Please reach out to their customer support for further assistance.

Thanks,
Joanna

Float right


Tony

  • Support Staff

February 6, 2023 at 6:03 am

Yes, we do apply a rule to float the button right, but the ticket selector table is being reduced by their rules leaving the submit button floating to the side.

Their rules are also being applied to all form inputs to basically remove the borders when they are ‘invalid’ and there’s no mention of that above?

I think you’re going to end up stuck in the middle here, I’m going to say this is not an issue with Event Espresso and they’ll say it is so I’ll do something other than just showing you a rule that is part of the symptoms.

However, I need to know how you prefer that button sits?

Viewing 8 reply threads

The support post ‘Checkout form’ 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