DonMooi
commented
5 years ago I found a solution, this does not seem to be a problem due to the 2CO payment plugin, but WooCommerce in combination with a specific theme. If you are experiencing this problem you can add a pre-loader gif by following these instructions:
1) Choose a preloader from https://icons8.com/preloaders/ or https://www.idrive.com/images/ide_loading_new.gif 2) Download the preloader to your local computer 3) Upload it to WordPress 4) Copy the url to your preloader as it now appears in your WordPress install 5) Replace URL_TO_YOUR_PRELOADER in the following code with the url to your preloader
/ Checkout page processing spinner / .woocommerce-checkout.processing .blockUI.blockOverlay { background-image:url('URL_TO_YOUR_PRELOADER') !important; background-position: center 50% !important; background-repeat: no-repeat !important; position: fixed !important; }
6) Copy the above code as you modified it into your custom CSS area 7) Click “Save all changes” 8) Give it a whirl!
I copied this solution from here: https://kriesi.at/support/topic/adding-loaderspinner-during-woocommerce-checkout/
Dear Craig,
We have noticed a usability issue. After a customer completes the checkout (not paypal), there is a delay before the customer gets the message that the transaction is completed. (normal because the transaction needs to be processed) During the wait for processing/approval, no message is shown. And it looks like nothing has happened.
This leads to customers refreshing the page or pressing the "place order" button again. Which sometimes leads to duplicate orders.
This can be avoided if there would be a message that tells the customers that the order is processing. (a popup message or a timer to show that it is processing). Until they get the approval message in the popup.
System information: