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

WooCommerce: 如何刪除 “Default Sorting/預設排序” 下拉選項

更新日期:2023-08-25
同系列教程
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+

如果WooCommerce的產品排序功能對你而言是沒用的(即下圖中的default sorting下拉選項),你可能想把它從頁面上刪除。

接下來這個PHP 代碼段簡直比CSS還簡單清爽,你只需要把我的代碼段添加到Code Snippet外掛程式中。

woocommerce remove default sorting dropdown

WooCommerce: 隱藏 “Default Sorting” 下拉選項

PHP Snippet 1: 從woocommerce商店首頁和產品清單頁中刪除 “Default Sorting/預設排序”下拉選項


* @snippet       Remove "Default Sorting" Dropdown @ WooCommerce Shop & Archive Pages
* @author        Rodolfo Melogli
* @compatible    Woo 3.8
*/
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

PHP Snippet 2: 刪除StoreFront主題中的 「預設排序 」下拉選項

* @snippet       Remove "Default Sorting" Dropdown @ StoreFront Shop & Archive Pages
* @compatible    Woo 3.8
*/
add_action( 'wp', 'bbloomer_remove_default_sorting_storefront' );
function bbloomer_remove_default_sorting_storefront() {
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}

其他情況

通常,付費的、熱銷的優秀主題能夠提供移除預設排序的功能,並且不需要你使用上述代碼。 譬如Astra主題付費版,在外觀-自定義-woocommerce-產品清單中就可以關閉Display Toolbar的展示,Display Toolbar中就包含了預設排序功能。

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

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

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我
來開通 SEO 工具20+