Question

我正在使用WordPress 4.7，Storefront 2.1.6和我自己的Storefront子主题在WooCommerce商店工作。但Storefront似乎在我的孩子主题css（编译的scss）之后加载了woocommerce.css，所以它覆盖了我的一些样式。使用＆＃39;！重要的＆＃39;在所有这些风格似乎是一个肮脏和不可接受的解决方案对我来说。有没有办法阻止Storefront加载woocommerce.css或加载我自己的样式作为最后的样式文件？

THX

Answer 1

我遇到了同样的问题，我需要在所有内容上使用！important。

所以我查看了源代码，发现我的样式表是在woocommerce样式表之前加载的。

（我正在使用自己的子主题，并且正在使用WP 5.5.1和WooCommerce 4.5.2）

我发现WooCommerce使用优先级为10的钩子加载了样式表。

add_action（'wp_enqueue_scripts'，array（$ this，'scripts'），10）;

因此，我将我的functions.php中的样式表挂钩更改为优先级11。因此稍后加载。

add_action（'wp_enqueue_scripts'，'fitcoach_scripts'，11）;

Answer 2

protected MediaPlayer player;

public void StartPlayer(String  filePath)
{
  if (player == null) {
    player = new MediaPlayer();
  } else {
    player.Reset();
    player.SetDataSource(filePath);
    player.Prepare();
    player.Start();
  }
}

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

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

2 个答案: