Woocommerce 禁用默认样式表

这是开发人员级别的文档。如果您不熟悉代码/模板并解决潜在的冲突,请选择WooExpert或Developer  以获得帮助。根据我们的支持政策,我们无法为自定义提供支持。 

您需要将代码添加到子主题的functions.php文件中,或者通过允许添加自定义功能的插件(例如代码片段插件)添加。请不要将自定义代码直接添加到父主题的functions.php文件中,因为当您更新主题时,该代码将被完全擦除。

禁用所有样式表

WooCommerce默认加入3个样式表。您可以使用以下代码段将其全部禁用:

add_filter('woocommerce_enqueue_styles','__return_empty_array');

 

如果您要构建自定义主题,这是推荐的过程。在WooCommerce核心更新期间,删除默认的WooCommerce样式表并放入自己的队列将保护您。

禁用特定的样式表

如果要禁用特定的样式表(即,如果您不想包括手持式样式表),则可以使用以下命令:


/**
 * 在主题激活时设置woocommerce图片尺寸
 */
// 删除部分样式
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' );

然后像这样加入您自己的样式表:


/**
 * Enqueue your own stylesheet
 */
function wp_enqueue_woocommerce_style(){
	wp_register_style( 'mytheme-woocommerce', get_template_directory_uri() . '/css/woocommerce.css' );
	
	if ( class_exists( 'woocommerce' ) ) {
		wp_enqueue_style( 'mytheme-woocommerce' );
	}
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );

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

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"Yongwp.com",如遇到无法解压的请联系管理员!
WordPress外贸建站 » Woocommerce 禁用默认样式表

查看优质的WP整站案例

立即查看 联系我们