專注於企業網站架設,分享WordPress教學和Elementor教學
不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%,感謝你的互惠互助

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

更新日期:2022-01-17

掃碼加入 讀者學習群

相關 教學

我自用的 架設網站資源

當你點擊本站的鏈接購買主機、主題、外掛,我會得到一些佣金用於運營網站,但不會影響你的購買價格,我只推薦自己在用的,感謝有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%
了解詳情→

elementor logo gradient 01 1
Elementor

最熱門的網頁可視化設計編輯器,我的網站就是用它建的
了解詳情→

Namesilo

註冊網域,購買時使用優惠券loyseo可減1美元
前往註冊→

Share on facebook
Share on twitter
Share on linkedin

如果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:

超快獨享主機
Cloudways
免費試用3天,無需充值
費用月結| 不用一次性付整年
*註冊優惠碼Promo code:LOYSEO
*用Gmail郵箱,註冊易通過