Woocommerce及Storefront更新后,如何移除Storefront主题的面包屑?
有效移除Storefront主题面包屑的方法
首先,你之前尝试的部分代码失效,大概率有两个核心原因:一是更新后Storefront/WooCommerce调整了面包屑挂载的钩子逻辑,二是部分代码里误用了中文引号(这会直接导致PHP语法错误,代码根本无法正常执行)。
下面是针对最新版本Storefront和WooCommerce的几种可靠解决方法,按推荐程度排序:
方法1:精准移除双钩子挂载的面包屑
最新版Storefront中,面包屑可能同时挂载在Storefront和WooCommerce的两个钩子上,所以需要同时移除:
add_action( 'init', 'remove_storefront_breadcrumbs' ); function remove_storefront_breadcrumbs() { // 移除Storefront主题挂载的面包屑 remove_action( 'storefront_content_top', 'woocommerce_breadcrumb', 10 ); // 移除WooCommerce默认挂载的面包屑,避免冗余 remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 ); }
方法2:用过滤器直接禁用面包屑(最简洁)
使用WooCommerce官方提供的过滤器,直接返回false禁用面包屑,注意必须使用英文引号:
add_filter( 'woocommerce_get_breadcrumb', '__return_false' );
划重点:你之前的代码里用了中文的
‘’,这是典型的语法错误,一定要改成英文的''或""才能生效。
方法3:无需代码——用Storefront自定义izer关闭
如果你不想写代码,Storefront主题本身在后台就提供了可视化关闭选项:
- 进入WordPress后台 → 外观 → 自定义 → WooCommerce → 产品目录
- 找到「面包屑」选项,勾选关闭即可(不同版本位置可能略有差异,找不到的话可以直接在自定义izer搜索框输入“面包屑”定位)
验证小技巧
添加代码后,记得清除网站缓存和浏览器缓存,刷新页面后可以右键查看页面源代码,搜索breadcrumb关键词,确认面包屑的HTML结构是否已经消失,以此判断代码是否生效。
内容的提问来源于stack exchange,提问作者inspirednz
相关产品推荐
相关产品推荐

