如何對 WooCommerce 類別進行排序以獲得更好的用戶體驗

已發表: 2020-07-30

如果您想更改 WooCommerce 網站中類別的默認順序，有幾種方法可以按照本快速指南中的概述和說明對 WooCommerce 產品類別進行排序。如果您正在尋找一種對類別進行排序的方法，這篇文章將指導您。

WooCommerce 產品類別排序指南

您會驚訝於使用內置的 WooCommerce 有效方式更改類別順序是多麼容易。默認情況下，WooCommerce 類別顯示如下圖所示：

默認類別

為什麼對 WooCommerce 類別進行排序？

為您的產品使用類別通常會影響讀者處理您的內容的方式。您的 WooCommerce 商店的訪問者應該能夠通過產品類別輕鬆找到產品。

WooCommerce 允許您在商店頁面上顯示產品、類別或在存檔頁面上的類別頁面上顯示子類別。

通常，許多 WooCommerce 用戶選擇第三個選項、產品和類別或子類別。如果您這樣做，則意味著訪問者可以直接從主頁選擇產品，也可以通過單擊產品類別存檔來優化搜索。

此外，如果您有多種產品，產品類別可幫助您保持商店井井有條。例如，如果您銷售皮帶和 T 卹，則它們不應屬於同一類別。對 woocommerce 產品類別進行排序

這意味著您的商店將始終井井有條，您的客戶將很容易在您的商店中找到屬於特定組的產品。這些分類法可幫助您擁有一個組織良好的產品目錄，客戶會喜歡使用該目錄來查找產品，證明是您商店中非常有價值的資產。

然而，重要的是要注意，默認情況下，WordPress 按字母順序排列此分類法，這使得類別列表有時看起來不靈活且毫無意義。這需要在 WordPress 中以不同方式和更有趣的方式對類別進行排序。這與 WooCommerce 店主的擔憂相同。

在這篇文章中，您將學習如何按照您喜歡的順序對 WooCommerce 類別進行排序。這很有幫助，您可以按 ID 降序排列產品類別，以幫助客戶在訪問您的商店時看到您添加的最新產品類別。

1. 如何使用簡碼對 WooCommerce 產品類別進行排序

如果您熟悉 WooCommerce，就會知道它提供了許多用於顯示產品和產品類別的簡碼。例如，短代碼[product_categories]可用於在任何頁面上顯示類別。

此外，對於這個簡單的教程，我們將使用兩個參數。第一個是 'orderby' 參數，它接受以下值： ID、title 和 name 。第二個參數是接受這些值的“訂單”： ASC 和 DESC。

a) 使用 orderby 參數對 WooCommerce 產品類別進行排序

根據我們希望對類別進行排序的方式，可以為該參數分配不同的值。默認情況下，它們按名稱排序，因此我們將為此參數分配“ID”值。這是我們將使用的簡碼[product_categories orderby='ID']

使用 orderby 參數對 WooCommerce 產品類別進行排序的步驟

登錄您的 WordPress 站點並以管理員用戶身份訪問儀表板。
從儀表板菜單中，單擊頁面，然後選擇要添加產品類別的頁面。對於此示例，我們將使用Home 頁面，如下所示：
要檢查結果，您需要轉到添加短代碼的頁面。由於我們在首頁添加了它，結果將是：

現在將使用 ID 顯示類別。

b) 使用 order 參數對 WooCommerce 產品類別進行排序

與 orderby 參數類似，可以根據我們希望對類別進行排序的方式為該參數分配不同的值。默認情況下，它們按升序（ASC）排序，因此我們將為此參數分配“DESC”值。這是我們將使用的簡碼[product_categories orderby='ID' order='DESC']。

使用 order 參數對 WooCommerce 產品類別進行排序的步驟

登錄您的 WordPress 站點並以管理員用戶身份訪問儀表板。
從儀表板菜單中，單擊頁面，然後選擇要添加產品類別的頁面。對於這個例子，我們將使用如下所示的主頁：
要檢查結果，您需要轉到添加短代碼的頁面。由於我們在首頁添加了它，結果將是：

類別現在將按降序顯示。

2. 使用代碼片段對 WooCommerce 產品類別進行排序

這是一個對開發人員友好的解決方案，可以幫助您存檔與使用上述示例中所示的簡碼相同的結果。同樣，我們將使用兩個參數。第一個是 'orderby' 參數，它接受以下值： ID、title 和 name 。第二個參數是接受這些值的“訂單”： ASC 和 DESC。

a) 使用代碼對 WooCommerce 產品類別進行排序

這是對您的WooCommerce 產品類別進行排序的一種非常有效的方法。 只需按照以下簡單步驟操作：

使用代碼對 WooCommerce 產品類別進行排序的步驟

登錄您的 WordPress 站點並以管理員用戶身份訪問儀表板。
從儀表板菜單中，單擊外觀菜單 > 主題編輯器菜單。打開主題編輯器頁面後，查找主題函數文件，我們將在其中添加對WooCommerce 產品類別進行排序的函數。
將以下代碼添加到php文件中，並記住在完成後保存更改：

 add_filter（'woocommerce_product_subcategories_args'，'njengah_woocommerce_get_subcategories_ordering_args'）；

功能 njengah_woocommerce_get_subcategories_ordering_args（$args）{

$args['order'] = 'desc';

$args['orderby'] = 'title';

返回 $args;

}

要檢查結果，您需要轉到主頁。你應該看到這個：

b) 使用另一個代碼對 WooCommerce 產品類別進行排序

使用代碼對 WooCommerce 產品類別進行排序的步驟

登錄您的 WordPress 站點並以管理員用戶身份訪問儀表板。
從儀表板菜單中，單擊外觀菜單 > 主題編輯器菜單。打開主題編輯器頁面後，查找主題函數文件，我們將在其中添加對WooCommerce 產品類別進行排序的函數。
將以下代碼添加到php文件中，並記住在完成後保存更改：

 add_filter（'woocommerce_product_subcategories_args'，'njengah_woocommerce_get_subcategories_ordering_args'）；

功能 njengah_woocommerce_get_subcategories_ordering_args（$args）{

$args['order'] = 'desc';

$args['orderby'] = 'ID';

返回 $args;

}

要檢查結果，您需要轉到主頁。你應該看到這個：

代碼如何工作

第一個代碼用於使用$args['order'] = 'desc';在 Shop 頁面上按標題（名稱）的降序顯示類別。和$args['orderby'] = 'title'; . 對於第二個代碼，它 id 用於按 ID 的降序對這些類別進行排序。分配給 orderby 參數的值將在代碼片段中從“名稱”更改為“ID”。

結論

我們已經看到，在對類別進行分類時，實施您的解決方案非常容易。在這篇文章中，我們研究瞭如何對 WooCommerce 類別進行排序。我們可以通過使用 order 和 orderby 參數並為其分配不同的值來實現這些，以實現您需要的排序效果。

值name和title用於按名稱順序對類別進行排序。我希望你從這篇文章中學會瞭如何對 WooCommerce 類別進行分類，或者至少你對如何開始有了一個理想的認識。

類似文章

在 WooCommerce 中如何在價格前添加文本 » 在價格前添加文本
如何在 WooCommerce 中以編程方式更改產品價格
如何在 WooCommerce 中移動圖像下的描述
如何在 WooCommerce 中的價格後添加描述
如何刪除 WooCommerce 產品圖像的縮放效果
如何在 WooCommerce 中隱藏產品或按類別或角色隱藏產品
使用 2 個簡單選項從產品頁面 WooCommerce 中刪除類別
如何使用 WooCommerce 銷售數字產品
如何刪除已添加到您的購物車消息 WooCommerce
為您的商店提供 30 多個最佳 WooCommerce 插件（大多數是免費的）
如何更改 WooCommerce 的“已添加到購物車”通知
如何跳過購物車並重定向到結帳頁面 WooCommerce
如何在 WooCommerce 中獲取當前產品類別名稱