- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Proceed to Checkout button loads Blank Checkout only on Mobile Devices (2.46-p8)
Here's the flow
On a mobile (everything is fine on DT), I add a product, go the cart, click Continue to Checkout and I get an unthemed checkout.
The weird part is the URL, once Continue to Checkout has been tapped, stays on /checkout/cart. There is no redirect, yet the page loads a blank themed checkout.
If I refresh the page, I am back on the cart. Now when I click Continue to Checkout it will correctly direct me to our themed checkout.
After ALOT of headbanging I was checking safari debug and whether or not any javascript was being delayed. So I set a breakpoint in the proceed-to-checkout.js file.
On first, fresh load, going to checkout does not trigger the breakpoint. After a reload, going to checkout does trigger the breakpoint.
I am so confused, so if anyone has any light they can shed it would be most appreciated.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Proceed to Checkout button loads Blank Checkout only on Mobile Devices (2.46-p8)
Hello @chriskiddier, There might be an issue with Magento's frontend JavaScript or theme implementation specific to mobile devices. The fact that the problem occurs only on mobile devices.
The proceed-to-checkout.js script might not be loading or executing correctly on the first load due to delayed or blocked JavaScript. This could happen because of differences in how mobile browsers handle JavaScript.
Inspect the console and network tab in your browser developer tools (on mobile). Look for any errors, especially related to JavaScript or missing resources.
Disable any third-party extensions that might modify the checkout flow or interfere with JavaScript loading. This includes extensions for payment methods, analytics, or UI enhancements.
Since you set a breakpoint in proceed-to-checkout.js, investigate why the script isn't triggered on the first load. Look for:
- Conditional checks preventing execution.
- Dependencies that may not have loaded yet.
Ensure that JavaScript execution isn't delayed on the checkout button click. If necessary, force the execution of proceed-to-checkout.js by wrapping it in a document. ready or setTimeout to test.
If the issue is resolved, click Kudos and accept it as a solution.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: Proceed to Checkout button loads Blank Checkout only on Mobile Devices (2.46-p8)
That’s a tricky issue. It is like something is preventing the checkout script from executing on the first attempt qvc qatar visa check. Maybe a race condition or a script not loading properly until after a refresh? Checking for console errors or delayed JS execution could help pinpoint the cause.