Hi guys,
I got some reports from some of my users that they were unable to make booking on my site because it appeared that the site had frozen. After digging into it, it appears that all the users are iPhone users who are experiencing problems. Because I don't own a iPhone I had to borrow one today and it appears that the lightbox that I am calling is opening up behind another lightbox.... Here is the scenario:
User clicks "Book Now" that opens a lightbox to gather students information.
Once the student completes the form they click "checkout" to call the "wixBookings.checkoutBooking(bookingInfo,options)" function to execute payment collection. I assume this is another lightbox.
On a Android or Desktop the Checkout form opens up over the existing LightBox (user details form) with no issues.
On a iPhone (8,10,11) the Checkout form either opens up under the existing lightbox (user details form) or off the screen.... thus making the user unable to see or reach the checkout.
Has anyone seen this before? Or is there a way to make the checkoutbooking lightbox be ontop of all other elements?
Thank you
David
I'm very familiar with Corvid. The issue is not the the returned promise/status... it is the initial "rendering" of the checkout lightbox. It's not displaying properly on iPhones and it either a) halfway off the screen, or b) hidden behind other objects. I will try to contact support tomorrow, but honestly my last bug that I reported took them 2 months to admit responsibility and resolve the problem.
Hi David,
I'm actually not closing the first lightbox, because the user can always cancel the payment window and return to the first lightbox that was filled out by the user. Ideally I need to set the arrangement of lightboxes.
Again, this works great on everything but iphones
You can send a message to the page when a lightbox closes, and detect that message to trigger the opening of your other lightbox.
https://www.wix.com/corvid/reference/wix-window.lightbox.html#close
https://www.wix.com/corvid/reference/wix-window.html#openLightbox
Here is a screen shot of the credit card form misalign on the screen. I am scrolled all the way up and I'm missing the top off of the form.