One-Page Checkout [Support Thread]

[lat9]

I have ZC1.5.5d

My shop is www.jolion.nl, although the site is in development.

I learned in here that is can have several causes, but I can't put my finger on the right one.

Thank you in advance for helping me!

Do you have a test user account that I could use? You can send me the test email address and password via Private Message.

[lat9]

Test account credentials received! The cause of the message, I believe, is that the modifications made to the tpl_checkout_one_default.php file have rendered the page's HTML invalid.

Since much of the OPC's processing involves jQuery processing of the page, invalid HTML can confuse the data-gathering performed when that "Confirm" (or "Review") button is pressed.

I'd suggest updating the changes you've made to the template to restore its valid HTML; I'm pretty sure that with valid HTML you'll have the OPC working.

[jolion]

Hi Lat9, thanks for your help so far! I have installed again the original tpl_chechout_one_default and figth my way through WS3 validator. Most of the errors comes from the main page, but I was able to tackle them all! The page is error free for now, but still no confirmation page and still have the error message "Your order's details have changed. Please review the current values and re-submit.".

In IE10 F12 console I see a error. See the attached image.



Do you have any clue how to fix this?

[lat9]

@jolion, please follow these instructions to create a OPC log; I'll send you my direct email via PM and you can email the log to me once you've created it.

1. Make sure that your admin's Configuration->One Page Checkout->Debug is set to true.
2. Log into your site, place an item in your cart and click the "Checkout" button.
3. Using your webhost's cPanel's File Explorer or via FTP, delete any existing /logs/myDEBUG-one-page-checkout*.log files.
4. Click the "Confirm Order" button.
5. Navigate to your site's /logs directory, copy that most recent one-page-checkout log and email it to me.

[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."