WoodMart主題增加了woocommerce產品分類的展示形式, 產品類別可以在獨立站的頁面標題列、搜索表單和頁頭菜單之中。
商店頁面標題中展示產品類別菜單
有一個選項可以在商店頁面的標題欄中展示產品類別,該選項在 主題設置>產品檔案>頁面標題中配置。
![woodmart page title show product categories - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/woodmart-page-title-show-product-categories.png)
開啟「在頁面標題中展示類別 」 ,將展示基於商店中現有的所有類別而自動生成的產品類別菜單。 還有一個選項可以隱藏沒有產品的空的類別,並提供排除指定類別的功能等等。
預設情況下,子類別將顯示為下拉列表:
![product category menu - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/product-category-menu.png)
“顯示當前類別的祖先 ”功能將允許在頁面標題中顯示子類別和類別,例如:
![product category menu 1 - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/product-category-menu-1.png)
“如果沒有子類就顯示相鄰的類別”選項 – 如果該類別不包含任何子類,頁面標題菜單將顯示該類別的相鄰類別。 如果這個選項沒有被啟用,商店標題將只顯示當前的類別。
![product category menu 2 - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/product-category-menu-2.png)
在頁頭的搜索表格中展示產品類別下拉選項
標題生成器中的搜索元素有一個選項(如下圖),可以顯示網站上現有的產品類別,但你無法指定某些分類不展示。
![woodmart search product category - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/woodmart-search-product-category.png)
配置好之後,效果如圖
![woodmart search form product category - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/woodmart-search-form-product-category.png)
在菜單中提供展開式的產品類別菜單項
你可以在外觀> 菜單中創建一個菜單,自己決定顯示哪些類別及其順序的,然後在頁頭編輯器(Header Builder)中添加一個類別元素,並選擇你所創建的菜單。 此外,這個菜單還可以用巨型菜單(mega menu)來呈現。
![product category menu 3 - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/product-category-menu-3.png)
產品類別的標題列背景圖片、類別的圖示
在編輯產品分類時,提供了插入菜單圖示的選項。 每個產品類別頁面都有額外的選項,可以在 Dashboard – > Products – > Categories – > Select and edit a Category找到:
- 類別標題列的圖像可以讓你為該分類的列表頁設置一個單獨的背景圖像,默認情況下,分類頁將繼承商店頁的設置。
![product category menu 4 - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/product-category-menu-4.png)
- 商店頁面上的類別導航的圖片(圖示),即展示在商店頁面標題欄中的產品類別的圖示。
![product category menu 5 - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/product-category-menu-5.png)
- 顯示在主菜單(或其他菜單)的圖示,就是展示在網站導航的類別菜單中的圖示。
![product category menu 6 - Woodmart主題展示產品分類菜單 Woodmart主題:展示產品分類功能表](https://www.loyseo.cn/wp-content/uploads/2023/06/product-category-menu-6.png)
圖示資源:https://www.flaticon.com/
点赞
Your page rank: