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

  • Resolved rosko34

    (@rosko34)


    3 years, 4 months ago

    Hi,

    I already have setup a global preloader and looking to turn off / remove / disable the black icon preloader asscioated with WooCommerce pages?

    At the moment both preloaders are active and spinning together on WooCommerce pages so I would like to completely remove the WooCommerce related preloader.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Mirko P.

    (@rainfallnixfig)

    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.

    Mirko P.

    (@rainfallnixfig)

    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.

    Thread Starter rosko34

    (@rosko34)

    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?

    Mirko P.

    (@rainfallnixfig)

    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.

    Thread Starter rosko34

    (@rosko34)

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How can i disable the preloader/spinner on WooCommerce pages?’ is closed to new replies.