WooCommerce Add loading spinner to Place Order

Improve the default WooCommerce "Place Order" loading overlay by adding a spinner and text.
.processing .blockOverlay { background-color: rgba(0,0,0,.75) !important; 
	background-image:url(spinner.gif) !important;
	background-position: center 32% !important;
	background-repeat: no-repeat !important;
	opacity: 1.0;

.processing .blockOverlay:before { content: 'Submitting order...'; position: absolute; width: 100%; top: 48%; text-align: center; font-size: 24px; color: #fff; }
Posted by
Snippet Viewed 2975 times.

Share your WooCommerce code snippets:

  • Get some recognition & a link back to your site.
  • Create your own code library.
  • Help your fellow developers, as they have helped you.


Submit | Browse

Most Recent woocommerce snippets

Most Viewed