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

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

更新日期:2023-08-25
本系列教學
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
黑五優惠前4個月6折, 戳上方按鈕註冊即可自動帶入優惠碼BFCM2024
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com邮箱,注册易通过
遇到問題,聯繫我

如果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中就包含了預設排序功能。

点赞

0 / 5 0

Your page rank:

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

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

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
黑五優惠前4個月6折, 戳上方按鈕註冊即可自動帶入優惠碼BFCM2024
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com邮箱,注册易通过
遇到問題,聯繫我