在跨境电商独立站中,通常都需要在产品聚合页(Shop页、产品分类页、产品列表页)里展示我们的产品分类,以便用户能快速找到自己想要的产品,增加用户体验和转化率。
那如何更“优雅”的展示产品分类呢? 本篇文章 Well 分享分类标题教程。
WoodMart 主题就自带这样的功能,可以在页面标题下自动获取当前网站的产品分类并展示(如果你想在侧边栏展示产品分类,请参考 WoodMart 侧边栏教程),且支持 Ajax 无跳转刷新页面。
效果展示↓

这个功能的英文名叫“Categories in page title”, Well 觉得中文叫“产品分类标题”比较贴切。
开启产品分类标题(Categories in page title)
进入你网站后台 – Theme settings – Product archive – Page Title ↓

在当前界面里开启“Shop Title”和“Categories in page title”。
使用产品分类标题
如果你使用的是 WoodMart 主题默认的产品聚合页模板,那这时候在聚合页标题下方就会显示你网站的产品分类。
如果没显示分类标题、或者是自定义的产品聚合页模板,需要在模板里添加 Page Title 元素:
先在 Layouts 里找到你网站的产品聚合页模板,使用 Elementor 编辑它 ↓

在模板编辑页面搜索并添加 Page Title 元素 ↓

保存后再到前台预览。
设置产品分类标题背景
为产品聚合页的页面标题元素单独设置背景,需要用到 WoodMart 主题的预设置功能。
新建一个预设置,将这个预设置应用到“Sope Page”和“Product Category”↓

再编辑这个预设置,修改“Page Title”的背景 ↓

最后保存设置。
以上就是本篇 WoodMart 主题设置产品聚合页标题分类教程的全部内容。