woocommerce面包屑导航breadcrumb的修改
我们知道woocommerce自带了面包屑导航breadcrumb，但有时我们需要调整一下它所在的位置，那么需要如何操作呢？有哪些参数可以调用呢？随ytkah一起来看看吧
首先删除默认的面包屑导航
remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);将导航添加到其它位置，例如放在header.php中，则直接在header.php适当位置插入如下代码
if( function_exists( 'woocommerce_breadcrumb') ) woocommerce_breadcrumb();也可以用add_action添加，例如
add_action( 'woocommerce_after_main_content', 'woocommerce_breadcrumb' );不知道有哪些hooks可用？那么了解一下WC内建的Actions和Filters
修改面包屑导航的参数
// Code source： https://gist.github.com/dwiash/4064836function my_woocommerce_breadcrumbs() {
return array(
'delimiter' => ' / ',
'wrap_before' => '<nav itemprop="breadcrumb">',
'wrap_after' => '</nav>',
'before' => '',
'after' => '',
'home' => _x( 'Home', 'breadcrumb', 'woocommerce' ),
);
}
add_filter( 'woocommerce_breadcrumb_defaults', 'my_woocommerce_breadcrumbs' );参数注释：
delimiter：分隔符
wrap_before：起始标签
wrap_after：结束标签
before：起始标签之后、面包屑导航链接之前的内容
after：面包屑导航链接之后、结束标签之前的内容
home：首页文字，例如像给首页加font-awesome，可以这样设置
'home' => _x( '<i></i> Home', 'breadcrumb', 'woocommerce' ),本文参与?腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019-10-12 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读