How can i disable the preloader/spinner on WooCommerce pages?

Hi @rosko34,

You can disable the preloader/spinner on WooCommerce checkout page using the following CSS code:

/* Remove spinner on WooCommerce checkout page */
.woocommerce .blockUI.blockOverlay { 
position: relative !important;  
display: none !important;
}

You can add that CSS code to your site via Appearance → Customize → Additional CSS.

While the spinner for the Ajax Add to Cart button can be disabled here:

WooCommerce → Settings → Products → General → Enable AJAX add to cart buttons on archives (turn off this setting).

Hope this helps.

Hi there,

It’s been a while since we last heard back from you. I’m going to mark this thread as resolved.

Hopefully, the above information was helpful. If you have further questions, please feel free to open a new topic.

Cheers.

Thanks,

I added the code and disabled Ajax setting, however the spinner still appears on all other pages related to woocommerece such as shop and product pages etc.

How can you remove it from all related pages?

Hi there,

At the moment, there’s no default option for that in WooCommerce, and customizing that would require a bit of additional coding. Custom coding goes beyond the scope of support we are able to provide in this forum.

If you do require more help with the actual coding, we’d recommend hiring a developer or one of the customization experts listed at https://woocommerce.com/customizations/.

Thanks.

Ok thanks.

Alternatively, then I’m thinking I could use my own preloader class .preloaderand perhaps display: one; for these pages with Page ID as a workaround so that both don’t display together