在WordPress網(wǎng)站中展示產(chǎn)品分類是電子商務(wù)網(wǎng)站常見(jiàn)的需求,無(wú)論是展示商品目錄還是創(chuàng)建導(dǎo)航菜單,掌握插入產(chǎn)品分類的方法都非常重要。下面介紹幾種常用的方法:
方法一:使用WooCommerce短代碼
如果你的網(wǎng)站使用WooCommerce插件,最簡(jiǎn)單的方法是使用其提供的短代碼:
- 在頁(yè)面編輯器中,添加一個(gè)短代碼塊
- 輸入以下代碼之一:
[product_categories]
- 顯示所有產(chǎn)品分類[product_categories number="5"]
- 限制顯示5個(gè)分類[product_categories ids="15, 18"]
- 顯示特定ID的分類
方法二:添加分類小工具
- 進(jìn)入WordPress后臺(tái)的”外觀”→”小工具”
- 找到”產(chǎn)品分類”小工具并拖到側(cè)邊欄或頁(yè)腳區(qū)域
- 配置小工具選項(xiàng)(顯示方式、排序等)
- 保存設(shè)置
方法三:使用頁(yè)面構(gòu)建器插件
如果你使用Elementor、Beaver Builder等頁(yè)面構(gòu)建器:
- 在頁(yè)面編輯界面添加”WooCommerce產(chǎn)品分類”模塊
- 設(shè)置顯示樣式(網(wǎng)格、列表等)
- 調(diào)整列數(shù)、排序方式等參數(shù)
- 保存并發(fā)布頁(yè)面
方法四:手動(dòng)編碼實(shí)現(xiàn)
對(duì)于有開(kāi)發(fā)經(jīng)驗(yàn)的用戶,可以在主題文件中添加以下代碼:
$args = array(
'taxonomy' => 'product_cat',
'orderby' => 'name',
'show_count' => 0,
'pad_counts' => 0,
'hierarchical' => 1,
'title_li' => '',
'hide_empty' => 0
);
wp_list_categories($args);
高級(jí)技巧
- 分類圖片:安裝”WooCommerce Category Images”等插件為分類添加特色圖片
- AJAX篩選:使用插件實(shí)現(xiàn)無(wú)需刷新頁(yè)面的分類篩選功能
- 自定義模板:創(chuàng)建category-product.php模板文件完全自定義分類顯示樣式
無(wú)論選擇哪種方法,都建議先在測(cè)試環(huán)境中嘗試,確保功能正常后再應(yīng)用到正式網(wǎng)站。