woocommerce面包屑导航breadcrumb的修改
我们知道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/4064836 function 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' ), |

加微信交流
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
2017-10-12 微信公众平台编辑器可以剪裁和替换正文图片了
2016-10-12 html5开发制作,漂亮html5模板欣赏,H5网站建设