ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

woocommerce面包屑导航breadcrumb的修改

2019-10-12 09:01:47  阅读:749  来源: 互联网

标签:woocommerce after breadcrumb 面包屑 导航 before


  我们知道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' ),

  

标签:woocommerce,after,breadcrumb,面包屑,导航,before
来源: https://www.cnblogs.com/ytkah/p/11656039.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有