Not seeing spinner while checkout processes the order

@jon-fergus, Thanks for contacting here, well I have just tested on my demo site and its showing me spinner, so my rough guess is that it could be something either from theme / any of installed plugins.
Can you either turn OFF all plugins, clear cache and then check?
Another thing could be to switch to Basic Twenty theme and see if you get spinner working back?
I will wait for your feedback.
Thanks!

I’ve played around a bit but haven’t been able to get the spinner working. Will continue to troubleshoot and let you know if I find the culprit.

Sure, let me know if you need any further assistance.
Thanks

I haven’t been able to figure out why this isn’t working. Perhaps you could test it on our staging site? (everything is in sandbox mode)

stage2.fitafvegan.com

Maybe you’ll be able to see what the problem is.

@jon-fergus well that’s hard to say what could be the reason for this to not work for you, but we are not seeing that on our sandbox site nor we have other reporting for this. So it would be difficult to say what is not letting that loader to work on your site specifically.
If you like us to help you figure out that then I would like you to submit an order for premium support and we will work directly with you on your site and see whats going on there. I hope that is understandable.
Thanks!

Thanks Oliver. I’ll do some more troubleshooting and if I can’t get anywhere I’ll send in a premium support request.

For anyone else with the same issue, I found a work-around solution via css that should work with any payment gateway plugins:

.post-8 .blockUI.blockOverlay {
    background-image:url('/wp-admin/images/wpspin_light-2x.gif') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

The .post-8 part restricts the settings to the checkout page only (the number may differ on each site). Leave it out if you want the spinner to apply to any woocommerce divs. Also, to target the cart page functions, simply replace .post-8 with .cart-collaterals (at least for those using Avada theme).

@jon-fergus, thanks for sharing!

I have this same problem and the CSS code did not make any difference. After placing an order my site will go gray with no spinner or any indication that it is responding for about 15 seconds before it goes to the order received page. Oftentimes my customers will click the button again and so their order goes through twice. Can anyone help me?

@arlanh, Did you tried to run the basic debugging steps , like switching theme to basic twenty theme clear Cache and check again, also try to disable all extra plugins except for WOO and ours and then check again.

Also, what theme you are using?

Did you get it working?

• This reply was modified 6 years, 7 months ago by angelleyesupport.
• This reply was modified 6 years, 7 months ago by angelleyesupport.

Thank you for the fix.

I had the same issue with latest Avada theme and that fixed it. Important for those running into this issue to do what ‘Oliver’ suggested and change to the standard wordpress theme before disabling any plugin. If you can see the spinner after changing to the theme the fix posted by Jon Fergus will most likely solve your problem.

All spinners were not working, not just woocommerce so i removed the ‘.post-8’ at the beginning as suggested.

.blockUI.blockOverlay {
    background-image:url('/wp-admin/images/wpspin_light-2x.gif') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

• This reply was modified 6 years, 3 months ago by freezer33.
• This reply was modified 6 years, 3 months ago by freezer33.

@freezer33 Thanks for the input. Really glad to have such contributors in our user list. You are all awesome.
Cheers!

We’re using Avada too. The code works, but it works for every gateway, including one that has its own spinner, so two show up. Is there any way to limit it to Paypal Express?

Hi @henrybaum,

Sorry for delay in response.
Are you aware of Google chrome site inspector or debugger? That’s you best tool here to debug it , find the right class and play with the CSS to get this adjusted to your needs.
Thanks!