修改WooCommerce產品排序可以將熱門產品或高利潤產品放在顯眼位置,對提升產品銷售和轉換率都至關重要,同時也能優化廣告和庫存。
在本文中,我會教你如何修改WooCommerce產品排序,共有三種方法。
1、在 WooCommerce 設定中變更產品排序
如果您的 WooCommerce 版本是 3.2.6 或更低,您可以進入 “設定”>”產品”>”顯示 “選項卡,在那裡更改預設排序。否則,如果您的 WooCommerce 版本是 3.3.0 以上,您就找不到 “顯示 “選項卡,因為它已經完全移到了 “自訂 “中。
因此,請轉到外觀 > 自訂 > WooCommerce > 產品目錄。我們到了。

您可能會在上面的截圖中看到,當我們在自訂器中更改預設產品排序的值時,產品清單上方的產品排序下拉式選單中的值也會隨之更改。
2、手動調整產品排序
此方法能更好的對WooCommerce產品進行排序,精準控制個別產品在WooCommerce商店頁面的顯示順序。
但要注意,它設定起來比較耗時,不適合產品上千的獨立站商城。
要手動調整產品排序,先前往WordPress左側選單列的產品 > 全部產品,然後點擊排序,就可以拖曳產品向上或向下調整順序。
WooCommerce 的預設排序方式是 “菜單排序”,即手動排序,如果沒有設定手動產品排序,產品將按字母順序顯示。
進入 WordPress 管理頁面的 “所有產品”,然後點擊 “排序 “選項卡。然後使用拖放即可。

第二種方法是在產品資料元方框中手動設定menu_order 值。

現在,讓我來教你如何將預設的產品排序 “選單順序 + 標題 “改為其他方式。這也可以在 WooCommerce 設定中完成,甚至可以使用過濾器鉤子。
3,PHP程式碼產品排序
如果你對預設的產品排序選項不滿意,也可以加入程式碼到 functions.php 文件,產生自己的產品排序選項。為此,你需要建立子主題或使用程式碼片段,確保網站不會受到影響。
首先,在WordPress網站上安裝並啟用程式碼片段 程式碼片段插件。

然後,前往WordPress左側選單欄 > 片段,點選 Add New 新增程式碼。

接下來,複製貼上程式碼到文字方塊中,儲存修改,就能產生新的產品排序選項。

至於產品排序代碼,本文分享了按分類和按字母對產品排序,希望能對大家有幫助。
依照產品類別對產品進行排序:
add_filter('woocommerce_default_catalog_orderby', 'quadlayers_catalog_orderby_for_category');
function quadlayers_catalog_orderby_for_category( $sort_by ) {
if( !is_product_category('uncategorized') ) {
return $sort_by; // modify uncategorized category archive sorting
}
return 'date';
}依照字母順序對產品進行排序:
function quadlayers_alphabetical_shop_ordering( $sort_args ) {
$orderby_value = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
if ( 'alphabetical' == $orderby_value ) {
$sort_args['orderby'] = 'title';
$sort_args['order'] = 'asc';
$sort_args['meta_key'] = '';
}
return $sort_args;
}
add_filter( 'woocommerce_get_catalog_ordering_args', 'quadlayers_alphabetical_shop_ordering'可能的值是
menu_order(預設) – 先按自訂訂單,再按產品名稱popularity– 以銷售數量計算rating– 以平均分數計算date– 最近新增的產品將會先顯示price– 最便宜的產品會先顯示price-desc– 最昂貴的第一位rand– 隨機排序(另請閱讀如何在這種情況下保留分頁符號)
總結
以上就是修改WooCommerce產品排序的三種方法,無論哪一種都很容易操作,不需要你懂複雜的程式設計知識,零基礎小白也能搞定。
另外,如果你想系統學習使用WooCommerce,請看務必查看WooCommerce教學。