如何删除页面上的 woocommerce 微调器？

Question

我知道您可以使用以下 CSS 代码在 WooCommerce 结帐页面上禁用 preloader/spinner：

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

但是，WooCommerce 预加载器/微调器仍然出现在所有其他相关页面上，例如商店和单一产品页面。

我已阅读 Woocommerce 使用 jQuery BlockUI 插件在某些 jQuery 事件和特定页面上使用动画微调器制作阻塞叠加层。

我已经在网站上有自己的预加载器，因此我想删除这些特定 woo 页面上的黑色 WooCommerce 预加载器/微调器？

如有任何提示，我们将不胜感激。

谢谢

编辑：

我们可以使用 hook 'wp_enqueue_scripts'.

禁用 WC 脚本吗

wp_enqueue_scripts is the proper hook to use when enqueuing scripts and styles that are meant to appear on the front end.

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

通过将我的预加载器代码中的 class 更改为 .preloader 而不是 .loader 解决了这个问题 - 不知何故这删除了黑色 woo 旋转器。

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

所以我唯一的猜测是 class .loader 与 WooCommerce 集成并且 HTML/CSS 代码使它出现。

如何删除页面上的 woocommerce 微调器？

How to remove woocommerce spinner on pages?

php

ajax

wordpress

jquery

woocommerce