WooCommerce loading icon at checkout missing

  • Hi

    When customers place an order, the loading circle is missing so they keep pressing Place Order or they refresh.

    Any ideas how to fix?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi, add this code in custom CSS section

    .woocommerce-checkout .blockUI.blockOverlay::before {
  height: 1em;
  width: 1em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  content: "";
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  background: url(/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) center center;
    background-size: auto;
  background-size: cover;
  line-height: 1;
  text-align: center;
  font-size: 2em;
  color: rgba(0,0,0,.75);
}
    Thread Starter samgardiner

    (@samgardiner)

    Thanks, added the code but no change.

    Can you have a look at the dev site please?

    https://sheetmetal.eblue-hosting.co.uk/product/test/

    Thanks

    Try to change this part 

    /wp-content/plugins/woocommerce/assets/images/icons/loader.svg

    with this one

    "https://sheetmetal.eblue-hosting.co.uk/wp-content/plugins/woocommerce/assets/images/icons/loader.svg"
    Thread Starter samgardiner

    (@samgardiner)

    Thanks for that, but still not working. If you reload the checkout and change the network to Slow 3G, you can see that the BlockUI class isn’t added.

    On the cart the processing class is added which I used to display the icon correctly but on checkout, that class doesn’t disappear on page load

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WooCommerce loading icon at checkout missing’ is closed to new replies.