如何删除网页上的woocommerce旋转器？

Question

我知道您可以使用以下CSS代码在WooCommerce签出页面上禁用预加载程序/旋转器：

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

但是，WooCommerce预加载器/旋转器仍然出现在所有其他相关页面上，例如Shop和。

我读过Woocommerce使用jQuery BlockUI插件在一些jQuery事件和特定页面上使用动画旋转器创建一个阻塞覆盖。

​

​

我在网站上已经有了自己的预加载程序，因此我希望删除这些特定的求购页面上的黑色WooCommerce预加载器/旋转器？

任何提示都将不胜感激。

谢谢

编辑：

我们是否可以使用钩子‘wp_enqueue_ script’取消WC脚本。

wp_enqueue_scripts是在对前端显示的脚本和样式进行排队时使用的适当挂钩。

add_action( 'wp_enqueue_scripts', 'child_manage_woocommerce_styles', 99 );

function child_manage_woocommerce_styles() {
    remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
    if ( !is_woocommerce() && !is_page('store') && !is_shop() && !is_product_category() && !is_product() ) {
        wp_dequeue_script( 'jquery-blockui' );
        wp_dequeue_script( 'jqueryui' );
}}

Answer 1

通过将预加载程序代码中的类更改为.preloader而不是.loader来解决这个问题--并且不知怎么地，它移除了黑色的woo旋转器。

我确信这是一个标准的默认设置，因为WooCommerce直接说在设置中没有删除它的默认选项，而定制则需要一些额外的编码。

因此，我唯一的猜测是，.loader类与WooCommerce集成在一起，并且出现了HTML。