如何覆盖WoodCommerce.css?

时间:2014-10-21 作者:user1448031

我想推翻woocommerce。我的孩子主题中的css。这是我在我的孩子主题中尝试的functions.php 但它似乎不起作用:

add_filter( \'woocommerce_enqueue_styles\', \'__return_false\' );
function wp_enqueue_woocommerce_style(){
  wp_register_style( \'woocommerce\', get_template_directory_uri() . \'/css/woocommerce.css\' );
  if ( class_exists( \'woocommerce\' ) ) {
    wp_enqueue_style( \'woocommerce\' );
  }
}
add_action( \'wp_enqueue_scripts\', \'wp_enqueue_woocommerce_style\' );

1 个回复
SO网友:Radley Sustaire

根据WooCommerce Documentation. 它可能只是与子主题中的用法有关,但我认为这仍然有效。

作为参考,以下是我用来替换默认WooCommerce CSS文件的内容。这只会禁用“常规”样式(颜色、按钮等),但会保留结构化和响应性设计。如果你想全部删除,只需查看评论即可。

如果这对您不起作用,那么这不是您发布的代码的问题,而是您如何包含它的问题。

// Disable WooCommerce\'s Default Stylesheets
function disable_woocommerce_default_css( $styles ) {

  // Disable the stylesheets below via unset():
  unset( $styles[\'woocommerce-general\'] );  // Styling of buttons, dropdowns, etc.
  // unset( $styles[\'woocommerce-layout\'] );        // Layout for columns, positioning.
  // unset( $styles[\'woocommerce-smallscreen\'] );   // Responsive design for mobile devices.

  return $styles;
}
add_action(\'woocommerce_enqueue_styles\', \'disable_woocommerce_default_css\');


// Add a custom stylesheet to replace woocommerce.css
function use_woocommerce_custom_css() {
  // Custom CSS file located in [Theme]/woocommerce/woocommerce.css
  wp_enqueue_style(
      \'woocommerce-custom\', 
      get_template_directory_uri() . \'/woocommerce/woocommerce.css\'
  );
}
add_action(\'wp_enqueue_scripts\', \'use_woocommerce_custom_css\', 15);

结束

相关推荐

theme functions (hooks)

WordPress已经提出了这个问题,但没有答案。我只是想在这个论坛上试试,如果有人知道的话,因为我也有同样的问题。要使用jquery滑块编辑我的主题,如何转到该脚本?,显示“$主题->挂钩(\'content\\u before\');”在content div标记中。有人能帮忙吗?我的主题索引。php包含以下内容<div id=\"main\"> <?php $theme->hook(\'main_before\'); ?> &#x