Spinning Wheel during checkout.

I am fighting with this problem since quite some time and can not pin-point what the problem might be. So I am hoping that someone has an idea.

The problem is that after entering the billing and shipping information on the checkout.php page and clicking continue - the “Please Wait” spinning wheel keeps spinning without anything happening.

My biggest problem is that it does not happen always so every time someone is trying to help they are not able to re-create the problem.

I thought it might be a browser or a server response problem but it happens across all browsers. I also suspected a conflict with another code and unstripped the pages completely from all templates with only the raw eCart code with the same problem.

I am running eCart 6.1.1 and just re-did the checkout wizard a view days ago.

Any thoughts are very much appreciated.

Best,
Joerg

What is the url to the page? It might be an issue with the timer in the ajax code.

Look at the file: /webassist/framework/javascript/ajax.js

There are two lines that reference:
setTimeout("window.WADFP_jQuery.unblockUI()",200);

change the 200 to 400 or 500 or even 800 and that might fix the problem.

Hi Ray,

thanks for your prompt reply. I have the same problem with 3 sites but one of them is www.bialettishop.com

I will try this and let you know.

Best,
Joerg


_____

Update:

Hi Ray,

I just checked the code and it is set to 800 already

setTimeout("window.WADFP_jQuery.unblockUI()",800);

Any Ideas?

You can try 1200. We originally had that issue when it was 200 but I haven't heard it happen since we moved to 800. I'd have to see the error to really be confident, but it sounds exactly like the issue we had and increasing that number fixed.

Is it a particular browser or scenario that I might be able to follow to reproduce it?

Hi Ray,

This unfortunately did not change anything. I tried it with any browser (safari, chrome, IE, firefox) with the same results. Have you been able to reproduce the problem or does it come up if you try it. Again - one of the sites is www.bialettishop.com.

Best,
Joerg

Yes, I can reproduce it.

It looks like this code is too low on the page:
<script src="webassist/jq_validation/jquery.h5validate.js"></script>

I'm not sure if it is coming in from a plugin or on the page itself, but it has to be above the payment form and it is currently below. Its exact position has to be after the jquery library, but before any references to h5validate on the page....

Another option would be to move the payment scripts lower on the page... either that script has to move up or the script that refers to it has to move down.

If you give me FTP access I can correct it.

I would love to try this myself first so I feel confident how to change it on the other sites and for future references also. (But I might come back to your offer and of course give you FTP access).

I will attach the checkout.php page for one of the sites. I believe the script is on line 1199. Could you let me know where exactly I should best move this to?

I hope this one works. Would solve a lot of trouble for me.

Just move line 1199 above line 1187.

No change unfortunately. I will attach a new copy of the checkout.php page so you can see whether I moved it correctly.

My first assumption was wrong... you didn't have to move that line of code. The reference used document onready, so the script could load below unlike my statement, that did nothing.

The real issue was that you were loading a second version of jquery lower on the page and overwriting the jquery loaded on the top.

The solution is to delete the second, unnecessary, reference from line 1312:
<script src="js/vendor/jquery.js"></script>

Removing that fixes the page.