Not possible to buy any tickets on mobile

[sofiegroeidala.be]

Hello

It is not possible to buy any tickets on mobile. Please see example page: https://www.groeidala.be/boek-workshop/tzolkin-workshop-deel-1/

The width is to large, and the button to select the ticket quantity is not visible.

Please help, what can I do about this?
Using the divi theme.

Warm regards

Sofie

[sofiegroeidala.be]

Ok I was able to solve this issue by using the ‘Event tribe’ theme. Now I am able to enter a quantity manually.

2 remarks:

1/ However I notice that the result is not perfectly scalable. And if a smaller the screen often the left has totally no spacing any more. See file attached.

This is not resulting in a nice user experience.

Is there a way to add a standard spacing to the left? This is already implemented apparently in the right…

2/ In mobile now I can enter the amount of my choose, however this should not be possible since I restricted the max quantity per order to 1. Please advice. In desktop this is working fine.

[Geoff B.]

Good evening Sofie and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the visual glitches you have been dealing with.
I would love to help you with this topic.

Kudos for fixing some of them.

1/ Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

#tribe-events-pg-template, .tribe-events-pg-template {
max-width: 96% !important;
}

2/ I am not sure how you have limited the quantity per order exactly. Would you mind expanding a bit on that?

What I am seeing (which might not be related but still worth fixing) is that your favicon link is set to http://www.groeidala.be/wp-content/uploads/2018/06/groeidala_logo_mail.png which is causing a mixed-content error message (http vs https).

I would highly recommend changing that to https://www.groeidala.be/wp-content/uploads/2018/06/groeidala_logo_mail.png in Divi’s Options.

Best regards,

Geoff B.

[sofiegroeidala.be]

Hello Geof

Thank you for your reply. Normally the favicon error should now be solved. Can you please check this?

Furthermore please see screenshot (mobile). The difference on mobile and desktop when ordering a ticket is:
– desktop, you can only select 1 ticket. This is because on woocommerce the max product is set to 1 with the checkbox ‘individual sold’. See second screenshot.
– mobile. Apparently there are no arrows there to select quantity. You can order a ticket by entering an amount/digit. You can enter a number that goes up the max of available tickets. However, I only want that clients are able to buy one ticket, since I need specific info e.g. name and birthday of all clients.

Is is strange that mobile doesn’t respects woocommerce rules.

Warm regards,

Sofie

[Geoff B.]

Good morning Sofie,

Kudos on fixing the favicon issue!
That said, it looks like you have the exact same issue with the website logo http://www.groeidala.be/wp-content/uploads/2018/06/groeidala_logo_mail.png should be https://www.groeidala.be/wp-content/uploads/2018/06/groeidala_logo_mail.png.

I would recommend looking into that.

As for the second issue, I am not exactly sure what is going on. My best guess is that the Google-Map related Javascript and the logo mixed content errors are not helping.

Hopefully fixing these will also fix that behavior.
If not, the alternate solution would be to either use a WooCommerce plugin to limit quantities (e.g.: https://wordpress.org/plugins/woocommerce-max-quantity/) or use a code snippet in the functions.php file of your WordPress theme.

You could apply the following snippet in the functions.php file of your theme (without the PHP tag at the top): https://gist.github.com/GeoffEW/075787fd6b427e1c47be0d756ca5b26c

But first, to be extra safe, before making any changes to your functions.php file, you should make a backup of that file.

Let me know how that goes.

Best regards,
Geoff B.

 

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts