如何解决如何编辑Woocommerce style.dev css文件?
我正在尝试编辑来自style.dev.css的Woocommerce结帐页面的样式。我试图将文件复制到子主题目录,并在新的子文件中进行更改。但是,页面似乎仍在加载原始文件,而不是主题文件。我不对style.css子文件进行编辑的原因是,大多数选择器都具有!important属性,并且不想进行大量覆盖。请问有人知道我在想什么吗?
解决方法
WooCommerce的文档可以帮助您实现所需的功能。
WooCommerce - Disable the default stylesheet
禁用所有样式表
默认情况下,WooCommerce排队3个样式表。您可以使用以下代码段将其全部禁用:
add_filter( 'woocommerce_enqueue_styles','__return_empty_array' );
禁用特定的样式表
如果您要禁用特定的样式表(即,如果您不想包括手持式样式表),则可以使用以下内容:
add_filter( 'woocommerce_enqueue_styles','jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
unset( $enqueue_styles['woocommerce-general'] );
unset( $enqueue_styles['woocommerce-layout'] );
unset( $enqueue_styles['woocommerce-smallscreen'] );
return $enqueue_styles;
}
add_filter( 'woocommerce_enqueue_styles','__return_false' );
然后像这样排队自己的样式表:
function wp_enqueue_woocommerce_style(){
wp_register_style( 'mytheme-woocommerce',get_stylesheet_directory_uri() . '/css/woocommerce.css' );
if ( class_exists( 'woocommerce' ) ) {
wp_enqueue_style( 'mytheme-woocommerce' );
}
}
add_action( 'wp_enqueue_scripts','wp_enqueue_woocommerce_style' );
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。