Order Confirmation Processing Block .. vs duplicate orders

[carlwhat]

i'm a fan of removing the button after clicking it.

on another spot on one of my sites site i used the following jquery code to remove the button:

$(function() {
    $('#auth_button img').on("click", function (e) {
        $("#auth_button a").replaceWith("<img src='includes/languages/english/images/buttons/processing.gif' border='0' alt='Waiting' title='Waiting'>");
	});
});

button replaces with:



best.

[DrByte]

seems like a lot of work.... have you tried:

https://www.zen-cart.com/showthread....76#post1317476

Since implementing that on several client sites they no longer see the duplicate orders. Hope this works for you. Dr B you might want to think about increasing the time in a future update.

Willing to enterain a Pull Request.

i'm a fan of removing the button after clicking it.

on another spot on one of my sites site i used the following jquery code to remove the button:

$(function() {
    $('#auth_button img').on("click", function (e) {
        $("#auth_button a").replaceWith("<img src='includes/languages/english/images/buttons/processing.gif' border='0' alt='Waiting' title='Waiting'>");
    });
});

button replaces with:



best.

PR welcome.

[carlwhat]

Willing to enterain a Pull Request.


PR welcome.

when i get some time, i have a couple i need to work on.... very busy right now as moving primary client's payments over to cybersource.... but i hear you!

[carlwhat]

Willing to enterain a Pull Request.


PR welcome.

DrB,
i am looking at doing a PR for these things. what i was thinking was adding a variable to the configuration table for adjusting the timeout. in addition, i was also thinking about the replacement of the button with a moving gif similar to the one i posted earlier.

i am not sure the reasoning for having a 4 second timeout, as opposed to removing the ability completely to resubmit. but i'm sure there is a reason.

my question is how does one nicely get a variable into the config table for v160 (i know.... i should probably know how to do this...) and do you think that we should also add a config for completely replacing the button with a loading type of gif? or just do it and not allow users to change it?

thanks in advance.

[DrByte]

Don't over think it. Less is more :)
No need for a configuration switch: There's no need for a time-limit on the timeout. 4 seconds or 44 seconds it should be irrelevant: it's waiting for the page to reload.
Just replace it with a generically-named .gif ... that way if someone wants a different gif they can just replace the file without touching the js/html at all.

[carlwhat]

Don't over think it. Less is more :)
No need for a configuration switch: There's no need for a time-limit on the timeout. 4 seconds or 44 seconds it should be irrelevant: it's waiting for the page to reload.
Just replace it with a generically-named .gif ... that way if someone wants a different gif they can just replace the file without touching the js/html at all.

while not overthinking it, my lack of ability to add a configuration switch bothered me. it seemed pretty inane that i was not able to figure it out (and i need to add one for another PR)... until now...

i'm a big fan of aliases and apparently my grep alias did not include .sql files..... silly me.

best.

[lindasdd]

This change has worked great. No duplicates since putting it in place whereas previously there were upwards of 20 duplicates a day.

I think the reason it worked isn't because it stopped people from placing duplicates (still possible), but rather it provided much more visual confirmation that their button clicked 'worked' and that the website was 'processing'. Therefore, they didn't start clicking around again.

So to speak to what carlwhat was mentioning (and I'm not a programmer), the timeout, button lock (or button disappearance) aren't the most important. Just the simple animated processing gif is what is most important.

[carlwhat]

linda,
glad it worked!

this has been incorporated into v160 of zencart. hopefully others will feel the same way.

best.

[lindasdd]

I upgraded one of my sites to 1.5.5b. Ever since, the upgraded site has been getting duplicates and the older one has not.

Upon testing I've noticed that on Mobile, the animated gif doesn't appear on the upgraded site and on the old one the animated gift appears, but doesn't animate.

[lindasdd]

Small adjustment to that last statement - the animated gif only doesn't appear when I choose CC.

Something in the programming or CSS decides a chunk of the bottom of the page doesn't need to display so it doesn't include it. Except it isn't CSS hiding the contents because the actual contents just aren't there (viewing in Firebug).

Again - only in mobile.