Indicator when Placing Order


#1

Hi,

Currently when I click “Place Order” in checkout, there is no changes to the screen when it is processing. It looks like nothing is happening. Is it possible to change the page opacity or add some overlay when processing? or maybe a preloader?

Thank you :slight_smile:


#2

Hello,

I don’t think that there is an easy way to do that, but customer should get to order-received page quite quickly. Does it take much time in your case?

Kind Regards, Roman.


#3

Hi,

Oh no…yes it takes more than 5 seconds to process the order, and i think people will click 2nd time.

Regards
Manhua


#4

Hi,

Phew! I found a solution to add a preloader. For those who need it, here it is:

  1. Choose a preloader from https://icons8.com/preloaders/
  2. Download the preloader to your local computer
  3. Upload it to WordPress
  4. 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;
}

Add code to “Additional CSS”

Cheers
Manhua


#5

Great! Thanks for sharing that Manhua :slight_smile:

Kind Regards, Roman.


closed #6