专注于外贸建站,分享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邮箱,注册易通过