專注於架設企業網站,分享WordPress教學和Elementor教學

Woodmart主題展示產品分類菜單

更新日期:2023-08-24
本系列教學
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
黑五優惠前4個月6折, 戳上方按鈕註冊即可自動帶入優惠碼BFCM2024
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com邮箱,注册易通过
遇到問題,聯繫我

WoodMart主題增加了woocommerce產品分類的展示形式, 產品類別可以在獨立站的頁面標題列、搜索表單和頁頭菜單之中。

商店頁面標題中展示產品類別菜單

有一個選項可以在商店頁面的標題欄中展示產品類別,該選項在 主題設置>產品檔案>頁面標題中配置。

Woodmart主題:展示產品分類功能表

開啟「在頁面標題中展示類別 」 ,將展示基於商店中現有的所有類別而自動生成的產品類別菜單。 還有一個選項可以隱藏沒有產品的空的類別,並提供排除指定類別的功能等等。

預設情況下,子類別將顯示為下拉列表:

Woodmart主題:展示產品分類功能表

“顯示當前類別的祖先 ”功能將允許在頁面標題中顯示子類別和類別,例如:

Woodmart主題:展示產品分類功能表

“如果沒有子類就顯示相鄰的類別”選項 – 如果該類別不包含任何子類,頁面標題菜單將顯示該類別的相鄰類別。 如果這個選項沒有被啟用,商店標題將只顯示當前的類別。

Woodmart主題:展示產品分類功能表

在頁頭的搜索表格中展示產品類別下拉選項

標題生成器中的搜索元素有一個選項(如下圖),可以顯示網站上現有的產品類別,但你無法指定某些分類不展示。

Woodmart主題:展示產品分類功能表

配置好之後,效果如圖

Woodmart主題:展示產品分類功能表

在菜單中提供展開式的產品類別菜單項

你可以在外觀> 菜單中創建一個菜單,自己決定顯示哪些類別及其順序的,然後在頁頭編輯器(Header Builder)中添加一個類別元素,並選擇你所創建的菜單。 此外,這個菜單還可以用巨型菜單(mega menu)來呈現。

Woodmart主題:展示產品分類功能表

產品類別的標題列背景圖片、類別的圖示

在編輯產品分類時,提供了插入菜單圖示的選項。 每個產品類別頁面都有額外的選項,可以在 Dashboard – > Products – > Categories – > Select and edit a Category找到:

  • 類別標題列的圖像可以讓你為該分類的列表頁設置一個單獨的背景圖像,默認情況下,分類頁將繼承商店頁的設置。
Woodmart主題:展示產品分類功能表
  • 商店頁面上的類別導航的圖片(圖示),即展示在商店頁面標題欄中的產品類別的圖示。
Woodmart主題:展示產品分類功能表
  • 顯示在主菜單(或其他菜單)的圖示,就是展示在網站導航的類別菜單中的圖示。
Woodmart主題:展示產品分類功能表

圖示資源:https://www.flaticon.com/

点赞

0 / 5 0

Your page rank:

Picture of 外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在建站領域有著超過14年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
黑五優惠前4個月6折, 戳上方按鈕註冊即可自動帶入優惠碼BFCM2024
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com邮箱,注册易通过
遇到問題,聯繫我