Support

Home Forums Event Espresso Premium Please choose a payment option – Logo not showing on mobile

Please choose a payment option – Logo not showing on mobile

Posted: December 4, 2017 at 2:45 pm

Viewing 9 reply threads


Matt

December 4, 2017 at 2:45 pm

I am using the Stripe payment gateway only and on a desktop is shows the default image with “pay by credit card” shows fine on a desktop, but on a mobile device is just shows a small white box.

While it continues fine if you click the box, it isn’t great as there is nothing to help those filling in the form.

Any ideas why this might be happening, or how it can be resolved?


Tony

  • Support Staff

December 4, 2017 at 3:02 pm

Looks like registration isn’t active/hidden on your site, can you post a link to a checkout ‘revisit’ so we can view this?

You can find this within the ‘Receipt’ template – http://take.ms/nOl0o

Or, if you post a link to a test event we can register there to view it.


Matt

December 4, 2017 at 3:05 pm

Registration is active as if you click the small box that appears, everything works as it should.

Also, on a desktop it works perfectly fine too.

It is just the display of this button on a mobile device that isn’t working.


Tony

  • Support Staff

December 4, 2017 at 3:22 pm

Sorry, but can you let me know how to register onto an event on your site, or post a link to the event?

I’m may be missing something obvious here but I can’t find an active event on the site linked to your support license.

I need to see the payment page to see what is happening with the code.


Matt

December 4, 2017 at 3:27 pm

The event is here: https://acycling.com/event-registration/?ee=34


Tony

  • Support Staff

December 4, 2017 at 3:44 pm

Yeah, that’s a completely different site that the site linked to your license which is why I can’t find the event. Generally, we require your support license to be assigned to the site you require support for.

That site is using EE3 and it looks like the problem with the payment method img is from the lazyload JavaScript loaded by WP-Rocket, it’s setting the width and height of the image to 1px (which doesn’t happen in EE by default) – http://take.ms/Sf5mG

You can try adding some custom styles to force the width to be auto:

#stripe-payment-option-lnk img {
    width: auto;
}

You can add that to Appearance -> Customize -> Additional CSS

Please refer to this guide for more detailed information about the CSS customizer: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress


Matt

December 4, 2017 at 3:50 pm

Thanks you, that short CSS line worked perfectly.
I appreciate you helping on this site too. There was something missing from EE4 previously stopping me switching to the developer license that would have meant something I needed would have to change, but I will look again as I would like to switch to EE4 if possible.


Tony

  • Support Staff

December 4, 2017 at 4:05 pm

You’re most welcome.

There are still some use cases where EE3 is a better choice, for example, EE4 does not support recurring events (we are working on it, just need more hours in the day 🙂 ) so if you rely on those you need EE3.

If you have any questions, please do let us know.

Also, if you are looking to change over to EE4 note that it’s a completely different system so we recommend doing so on a development copy of the site first to confirm it all works how you expect first.


Matt

December 5, 2017 at 3:06 am

The main thing I think I was missing is the ability to add on extra items at a cost, without changing the ticket type.

Do you know if that is possible yet?


Tony

  • Support Staff

December 5, 2017 at 3:20 am

Not officially, but there’s a snippet that allows you to do it:

https://github.com/eventespresso/ee-code-snippet-library/blob/master/checkout/bc_ee_add_product_surcharge.php

So questions become ‘products’ and you can setup specific questions to add a value to the transaction if that value of the question matches the product (and a qty field if needed).

The snippet is an example and will very likely need altering to suit your specific use case.

Viewing 9 reply threads

The support post ‘Please choose a payment option – Logo not showing on mobile’ 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