One-Page Checkout [Support Thread]

[dbltoe]

Okay, here we go. haredoDOTcom 1.5.5a with latest Square and OPC. MySQL 5.6.37 PHP 5.6.3 Apache linux 3.10.0
Nothing else in the payment/checkout area that would effect checkout.

• User is not logged in NOR is user in customer database.
• User selects item for shopping cart. (https://haredoDOTcom/index.php?main_...&products_id=6)
• User adds to cart
• User clicks on checkout and is shown split checkout page.
• User selects PayPal Checkout
• User taken to PayPal for payment
• User selects Payment Type and continues
• PayPal returns user to haredoDOTcom for confirmation
• Confirmation button does not work.

Read me and troubleshot with F12 to discover hidden errors in Squre which led us to find that a file was not included in the newest release of Square Payment Module. CreateOrderRequestOrder.php is the file and changing it to .xxx vs .php cured a small problem with Square that was NOT throwing an error. Will post that part in Square Payment thread. Found another Square file that was not properly updated and fixed that.

Those repairs got us to the point that using the confirm order button would at least fire something in the F12 Console.

The system is crashing when I try to add the F12 Log so I'll have try in next thread

[dbltoe]

here's the F12 log

index.php?main_page=checkout_one:25 A parser-blocking, cross site (i.e. different eTLD+1) script, https://code.jquery.com/jquery-1.12.0.min.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.(anonymous) @ index.php?main_page=checkout_one:25
index.php?main_page=checkout_one:25 A parser-blocking, cross site (i.e. different eTLD+1) script, https://code.jquery.com/jquery-1.12.0.min.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ index.php?main_page=checkout_one:25
index.php?main_page=checkout_one:247 setFormSubmitButton, payment-module: paypalwpp
index.php?main_page=checkout_one:247 Showing "confirm"
index.php?main_page=checkout_one:247 Setting orderConfirmed (0), submitter (null)
index.php?main_page=checkout_one:247 jQuery version: 1.12.0
paymentform:1 Uncaught Error: SqPaymentForm element with id `square_cc-number` not found. Has the DOM finished loading?
See: https://docs.connect.squareup.com/articles/adding-payment-form/#generatingpaymentform
    at s.buildIframeController (paymentform:1)
    at s.buildIframeControllers (paymentform:1)
    at s.build (paymentform:1)
    at s.build (paymentform:1)
s.buildIframeController @ paymentform:1
s.buildIframeControllers @ paymentform:1
s.build @ paymentform:1
s.build @ paymentform:1
mycontentscript.js:13 KGen:Page => Ready !
index.php?main_page=checkout_one:247 submitFunction, 2 arguments: 0, 0, 
index.php?main_page=checkout_one:247 Current order total: 11.31, text: $11.31
index.php?main_page=checkout_one:247 submitFunction, on exit submitter=null
index.php?main_page=checkout_one:247 Setting orderConfirmed (1), submitter (null)
index.php?main_page=checkout_one:247 Submitting order-creating form
index.php?main_page=checkout_one:247 Updating shipping method to usps_First-ClassTM Package Service, processing type: submit
index.php?main_page=checkout_one:50 {cache: false, type: "POST", traditional: true, dataType: "json", timeout: 5000, …}
index.php?main_page=checkout_one:247 Shipping method updated, error: false
index.php?main_page=checkout_one:247 Form submitted, type (submit), orderConfirmed (1)
index.php?main_page=checkout_one:247 Form checked, passed (true)
index.php?main_page=checkout_one:675 Uncaught TypeError: Cannot read property 'checked' of null
    at HTMLFormElement.<anonymous> (https://haredo.com/index.php?main_page=checkout_one:675:125)
    at HTMLFormElement.dispatch (https://code.jquery.com/jquery-1.12.0.min.js:3:12344)
    at HTMLFormElement.r.handle (https://code.jquery.com/jquery-1.12.0.min.js:3:9071)
    at Object.trigger (https://code.jquery.com/jquery-1.12.0.min.js:3:11471)
    at HTMLFormElement.<anonymous> (https://code.jquery.com/jquery-1.12.0.min.js:3:18895)
    at Function.each (https://code.jquery.com/jquery-1.12.0.min.js:2:2881)
    at n.fn.init.each (https://code.jquery.com/jquery-1.12.0.min.js:2:846)
    at n.fn.init.trigger (https://code.jquery.com/jquery-1.12.0.min.js:3:18871)
    at n.fn.init.n.fn.(anonymous function) [as submit] (https://code.jquery.com/jquery-1.12.0.min.js:4:16189)
    at Object.<anonymous> (https://haredo.com/index.php?main_page=checkout_one:554:75)
(anonymous) @ index.php?main_page=checkout_one:675
dispatch @ jquery-1.12.0.min.js:3
r.handle @ jquery-1.12.0.min.js:3
trigger @ jquery-1.12.0.min.js:3
(anonymous) @ jquery-1.12.0.min.js:3
each @ jquery-1.12.0.min.js:2
each @ jquery-1.12.0.min.js:2
trigger @ jquery-1.12.0.min.js:3
n.fn.(anonymous function) @ jquery-1.12.0.min.js:4
(anonymous) @ index.php?main_page=checkout_one:554
i @ jquery-1.12.0.min.js:2
fireWith @ jquery-1.12.0.min.js:2
e.(anonymous function) @ jquery-1.12.0.min.js:2
success @ index.php?main_page=checkout_one:58
i @ jquery-1.12.0.min.js:2
fireWith @ jquery-1.12.0.min.js:2
y @ jquery-1.12.0.min.js:4
c @ jquery-1.12.0.min.js:4
XMLHttpRequest.send (async)
send @ jquery-1.12.0.min.js:4
ajax @ jquery-1.12.0.min.js:4
(anonymous) @ index.php?main_page=checkout_one:70
Deferred @ jquery-1.12.0.min.js:2
zcJS.ajax @ index.php?main_page=checkout_one:36
changeShippingSubmitForm @ index.php?main_page=checkout_one:488
(anonymous) @ index.php?main_page=checkout_one:588
dispatch @ jquery-1.12.0.min.js:3
r.handle @ jquery-1.12.0.min.js:3

[dbltoe]

Further investigation shows that Square Payment is somehow inserting itself into the OPC proccess. We were getting

paymentform:1 Uncaught Error: SqPaymentForm element with id `square_cc-number` not found. Has the DOM finished loading?
See: https://docs.connect.squareup.com/articles/adding-payment-form/#generatingpaymentform
    at s.buildIframeController (paymentform:1)
    at s.buildIframeControllers (paymentform:1)
    at s.build (paymentform:1)
    at s.build (paymentform:1)
s.buildIframeController @ paymentform:1
s.buildIframeControllers @ paymentform:1
s.build @ paymentform:1
s.build @ paymentform:1

And, we still got the error without OPC using PayPal and the standard, three-page checkout.
PayPal brings the customer back to OPC and Square is looking for the cc number.
When PayPal brings the customer back to Step 2 of 3 in the standard checkout, the Square error is also there BUT, it disappears when the customer goes to Step 3 of 3. Once on Step 3 of 3, PayPal will confirm even with Square turned on as the error disappears between steps 2 and 3.


The system goes through all steps including registering the New Customer, emailing info, order shows up, etc.


Again, ALL failed testing is done as never before customer, using PayPal from Split-Page Login.


Conversely, when a logged-in user orders an item and clicks on Checkout (OPC ON - Square ON), the OPC is shown with the options for a CC or PayPal Express. Choosing PayPal Express and clicking Confirm takes the logged-in user to PayPal and completes the order on return. It does not return to OPC to give the user the option to confirm but, goes immediately to completion.


Synopsis:


We were wondering why some PayPal orders were coming in and we were getting emails that PayPal would not allow others to check out. Current trials result in:


1. Customer NOT logged in and NOT a previous customer with both Square and OPC enabled
* Places item in cart
* Selects Check Out
* Arrives a split-login
* Selects PayPal Express
* Browser opens PayPal
* Customer selects method of payment and pays
* Browser returns to site with "uncaught Error" from Square
* Customer is unable to complete the transaction as the Confirm Order Button does nothing

2. Returning Customer Or Newly Registered Customer, logged in with both Square and OPC enabled.
* Places item in cart
* Selects Check Out
* Arrives at OPC with options for Square, PayPal, or Money Order
* Selects PayPal Express
* Browser opens PayPal
* Customer selects method of payment and pays
* Browser returns to site and completes the transaction without requiring any further action from the Customer


We are still not certain whether Square or OPC is the culprit but, one of them is "sticking it's nose in where it doesn't belong."

[dbltoe]

Sorry, didn't catch my error until after edit time.

Further investigation shows that Square Payment is somehow inserting itself into the OPC proccess. We were getting

should read

Further investigation shows that Square Payment is somehow inserting itself into the OPC proccess when a non-logged in customer selects PayPal Express from the split-login page. We were getting

[lat9]

@dbltoe, thanks for the detailed investigation. I'm in the middle of another investigation right now, but will give this a look real-soon-now.