No Spinning Symbol or “Please Wait” sign on Woocommerce Checkout

[maxlevel]

On my Woocommerce checkout after hitting the submit button the page gets a white transparent overly but does show no sign that it is working. It actually works, but no spinning symbol or “Please Wait” sign shows that it is working and this could easily be mistaken for a crashed checkout.

Is this common to the Woocommerce checkout or is something wrong with my shop?

Is there any option to animate anything during checkout?

[Laura]

Hello, the website should reload, but im not sure what you see, can you record a video or something so i can see it?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[maxlevel]

Here’s the video
https://drive.google.com/file/d/12ZH1Pfl-9YNcs_shpKlfBOW9gBIb5-qy/view
You can see that the checkout just gets greyed out after hitting the submit button but no sign of action until the Paypal page appears.

[maxlevel]

Normally it takes even longer that nothing happens but this is the staging site with less plugins activated so it’s faster.

[Laura]

Hello, i see what you mean, i found this, could be useful, https://www.webdesign101.net/show-loading-spinner-whilst-woocommerce-order-processing/ let me know if you need help setting it up

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[maxlevel]

Hello Laura,

I tried your solution and also 2 plugins, Preloader and Smart Preloader.
They work on the whole website but not on WooCommerce checkout page.

There must be something different after hitting the submit button on checkout page.

[Laura]

Hello, this is not a plugin but a css settings, i can try it for you if you want, just share admin access 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[maxlevel]

This reply has been set as private.

[Laura]

Hello, used this at theme options quick css

COPY CODE

/* Checkout page processing spinner */
.woocommerce-checkout.processing .blockUI.blockOverlay {
	background-image:url('http://mlt.staging.wpengine.com/wp-content/uploads/2018/10/91.gif') !important;
	background-position: center 50% !important;
	background-repeat: no-repeat !important;
	position: fixed !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[maxlevel]

Great! That works. I assume I do I have to upload the gif file (or any other preloader animation) on my live site and change the url in the CSS code that you provided accordingly?

[Laura]

Yes 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts