This topic has 10 replies, 2 voices, and was last updated 7 years by 
-
-
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?
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 solutionHere’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.Normally it takes even longer that nothing happens but this is the staging site with less plugins activated so it’s faster.
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 solutionHello 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.
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 solutionI know. i put the CSS into the stylesheet of Kleo child. That didn’t do anything. After that I installed 2 Plugins with preloaders but same result. They worked but not on checkout page.
Here are the credentials of my staging site where I tested this.
http://mlt.staging.wpengine.com/wp-adminuser name:
KLEO Support
password:
DD23TtsooorHello, 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 solutionGreat! 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?
Yes 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘Bugs & Issues’ is closed to new topics and replies.