Question

我正在使用电子商务wordpress theme！对于我的网站以及woocommerce。创建了一个childtheme，将woocommerce.css（来自woocommerce插件）复制到了儿童主题css，并禁用了这个woocommerce.css的入队。

在我父母主题的文件夹结构中也有一个woocommerce.css（〜/ wp-content / themes / shop-isle / inc / woocommerce / css / woocommerce.css）。如何覆盖这个与任何主题更新无关？

另外 - 父主题文件夹结构和woocommerce插件文件夹中的woocommerce.css有什么区别？

Answer 1

您应该在子主题中创建相同的文件，因此您将具有以下内容：

~/wp-content/themes/shop-isle-child/inc/woocommerce/css/woocommerce.css

这样，父主题的 woocommerce.css 无关紧要。

Answer 2

所以我尝试了各种各样的东西，包括使用get_stylesheet_directory（）函数 - 但没有任何效果。我联系了主题人员，他们给了我这个代码，在复制子主题中的文件夹结构后覆盖inc文件夹中的woocommerce.css，它似乎有效。

function ti_dequeue_script() {
  wp_dequeue_script( 'shop-isle-woocommerce-style1' );
    }
add_action( 'wp_print_scripts', 'ti_dequeue_script', 100 );

function ti_enqueue_script() {
  wp_enqueue_style( 'shop-isle-woocommerce-style2', get_stylesheet_directory_uri() . '/inc/woocommerce/css/woocommerce.css',array(), 'v3' );
   }
add_action( 'wp_enqueue_scripts', 'ti_enqueue_script', 100 );

如何覆盖父主题中的woocommerce.css？

2 个答案: