You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 04:14:45