我们知道woocommerce自带了面包屑导航breadcrumb,但有时我们需要调整一下它所在的位置,那么需要如何操作呢?有哪些参数可以调用呢?随ytkah一起来看看吧
首先删除默认的面包屑导航
1 |
remove_action( 'woocommerce_before_main_content' , 'woocommerce_breadcrumb' , 20, 0);
|
将导航添加到其它位置,例如放在header.php中,则直接在header.php适当位置插入如下代码
1 |
if ( function_exists( 'woocommerce_breadcrumb' ) ) woocommerce_breadcrumb();
|
也可以用add_action添加,例如
1 |
add_action( 'woocommerce_after_main_content' , 'woocommerce_breadcrumb' );
|
不知道有哪些hooks可用?那么了解一下WC内建的Actions和Filters
修改面包屑导航的参数
1 2 3 4 5 6 7 8 9 10 11 |
// 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,可以这样设置
1 |
'home' => _x( '<i></i> Home' , 'breadcrumb' , 'woocommerce' ),
|