WooCommerce - 如何防止店面在子主题的样式表之后加载 woocommerce.css



我正在使用WordPress 4.7,Storefront 2.1.6和我自己的Storefront子主题在WooCommerce商店工作。但是 Storefront 似乎在我的子主题的 css(编译的 scss)之后加载了一个 woocommerce.css所以它覆盖了我的一些样式。使用"!所有这些风格对我来说似乎是一个肮脏和不可接受的解决方案。有没有办法防止店面加载 woocommerce.css或者将我自己的样式加载为最后一个样式文件?

感谢

我遇到了同样的问题,我需要在所有事情上使用!important。

所以我查看了源代码,可以看到我的样式表是在woocommerce的样式表之前加载的。

(我正在使用自己的子主题,我在WP 5.5.1和WooCommerce 4.5.2上)

我发现WooCommerce加载样式表时有一个优先级为10的钩子。

add_action( 'wp_enqueue_scripts', array( $this, 'scripts' ), 10 );

所以我在我的函数.php中更改了我的样式表钩子,优先级为 11。所以它稍后加载。

add_action( "wp_enqueue_scripts", "fitcoach_scripts", 11);

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

https://docs.woocommerce.com/document/disable-the-default-stylesheet/

相关内容

  • 没有找到相关文章

最新更新