如何在 Woocommerce 中隐藏当前的面包屑答案

【问题标题】：How to hide current breadcrumb in Woocommerce如何在 Woocommerce 中隐藏当前的面包屑
【发布时间】：2015-08-27 11:02:00
【问题描述】：

在产品页面和产品标题下方有面包屑。一行太多了，我想像这样隐藏当前的面包屑：

首页->目录->分类->子分类->
H1产品标题

【问题讨论】：

标签： woocommerce breadcrumbs

【解决方案1】：

我在 woocommerce/templates/global/breadcrumb.php 中找到了 $crumb 的部分。 All 是一个链接，而 last 是一个简单的文本。

foreach ( $breadcrumb as $key => $crumb ) {

    echo $before;

    if ( ! empty( $crumb[1] ) && sizeof( $breadcrumb ) !== $key + 1 ) {
        echo '<a href="' . esc_url( $crumb[1] ) . '">' . esc_html( $crumb[0] ) . '</a>';
    } else {
        echo esc_html( $crumb[0] ); // Just replace $crumb here for empty ''
    }

    echo $after;

    if ( sizeof( $breadcrumb ) !== $key + 1 ) {
        echo $delimiter;
    }

}

【讨论】：

【解决方案2】：

在您的活动主题中添加此 CSS。

.woocommerce-breadcrumb { display:none !important; }

享受吧！

【讨论】：

这是隐藏所有面包屑的规则，但我想隐藏当前面包屑（仅最后一个面包屑）
请使用inspect element.after class woocommerce-breadcrumb添加您的面包屑代码。
没有“我的面包屑代码”，只有默认的wordpress面包屑和woocommerce class-wc-breadcrumb.php并且最后一个面包屑没有特殊的类来隐藏css的文本“display：none " 所有面包屑都显示为 'li' 标记中的列表，没有任何类。
试试这个` .woocommerce .woocommerce-breadcrumb li:last-child { display:none !important; }`