如何在 Woocommerce 中隐藏当前面包屑
How to hide current breadcrumb in Woocommerce
产品页面上有面包屑,产品标题就在面包屑下方。一行太多了,我想像这样隐藏当前的面包屑:
Home->Catalog->Category->Subcategory->
H1 Product Title
将此 CSS 添加到您的活动主题中。
.woocommerce-breadcrumb { display:none !important; }
尽情享受吧!
我在 woocommerce/templates/global/breadcrumb.php 中找到了 $crumb 的部分。全部都是link,最后一个是简单的文字
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;
}
}
产品页面上有面包屑,产品标题就在面包屑下方。一行太多了,我想像这样隐藏当前的面包屑:
Home->Catalog->Category->Subcategory->
H1 Product Title
将此 CSS 添加到您的活动主题中。
.woocommerce-breadcrumb { display:none !important; }
尽情享受吧!
我在 woocommerce/templates/global/breadcrumb.php 中找到了 $crumb 的部分。全部都是link,最后一个是简单的文字
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;
}
}