在跨境電商獨立站中,通常都需要在產品聚合頁(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 主題設定產品聚合頁標題分類教學的全部內容。