通用過濾器
頁面
教程分類

WoodMart 主題:產品聚合頁標題下方展示產品分類選單

通用過濾器
WoodMart 主題:產品聚合頁標題下方展示產品分類選單
透過簡單的設置,WoodMart 主題即可在產品聚合頁的標題下方自動顯示產品分類,點擊分類實現Ajax 無跳躍刷新。
文章目錄

本篇文章共886 字,預計閱讀時間4 分鐘

在跨境電商獨立站中,通常都需要在產品聚合頁(Shop頁、產品分類頁、產品清單頁)中展示我們的產品分類,讓使用者快速找到自己想要的產品,增加使用者體驗和轉換率。

那如何更「優雅」的展示產品分類呢? 本篇文章Well 分享分類標題教學。

WoodMart 主題就自備這樣的功能,可以在頁面標題下自動取得目前網站的產品分類並展示(如果你想在側邊欄展示產品分類,請參考WoodMart 側邊欄教學),且支援Ajax 無跳轉刷新頁面。

效果展示↓

WoodMart 主題產品分類標題效果展示

這個功能的英文名叫“Categories in page title”, Well 覺得中文叫“產品分類標題”比較貼切。

開啟產品分類標題(Categories in page title)

進入你網站後台– Theme settings – Product archive – Page Title ↓

WoodMart 主題開啟產品分類標題(Categories in page title)

在目前介面裡開啟「Shop Title」和「Categories in page title」。

使用產品分類標題

如果你使用的是WoodMart 主題預設的產品聚合頁模板,那這時候在聚合頁標題下方就會顯示你網站的產品分類。

如果沒顯示分類標題、或自訂的產品聚合頁模板,則需要在模板裡新增Page Title 元素:

先在Layouts 找到你網站的產品聚合頁模板,使用Elementor 編輯它↓

WoodMart 主題編輯產品聚合頁模板

在範本編輯頁面搜尋並新增Page Title 元素↓

WoodMart 主題新增Page Title 元素

保存後再到前台預覽。

設定產品分類標題背景

為產品聚合頁的頁面標題元素個別設定背景,需要用到 WoodMart 主題的預設功能

新建一個預先設置,將這個預設應用到「Sope Page」和「Product Category」↓

WoodMart 主題新增產品聚合頁預先設定

再編輯這個預設置,修改「Page Title」的背景↓

WoodMart 主題在預設值裡修改頁面標題背景

最後儲存設定。

以上就是本篇WoodMart 主題設定產品聚合頁標題分類教學的全部內容。

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
提供專業外貿建站服務
WordPress建站資源下載
WordPress 外掛程式下載,合理使用外掛程式豐富網站功能
WordPress伺服器推薦,外貿專用VPS | 虛擬主機教學、評量
WordPress專用VPS、虛擬主機推薦
文章標籤
文章推薦
文章目錄

建站遇到問題?

聯絡我們獲得技術支援
相關文章

或者

或者