滑动继续阅读⇓

移除WooCommerce商店默认排序下拉列表

移除WooCommerce商店默认排序下拉列表

具有少量产品的 WooCommerce 商店通常不需要商店和产品页面上的排序下拉菜单。事实上,排序选项被认为是 UI 中不需要的部分。一个相关的元素是项目/结果数量的标准通知。

但是,删除这些元素是一件很容易的事情。本文将展示删除这两个 UI 元素的简单过程。以下是商店在应用更改之前的样子:
首先,确认默认排序已启用。如果没有,请从后端启用它。转到设置 > 产品 > 显示,然后转到默认产品排序。从菜单中选择任何选项。

要进行更改,请打开 functions.php 文件并添加以下代码片段:

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );

此代码段将删除显示结果数的通知

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering',30 );

此代码段将从所有页面中删除默认排序下拉列表

add_action('init','delay_remove');
function delay_remove() {
    remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
    remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}

此代码段删除 StoreFront 主题中的默认排序下拉列表

以下是添加代码片段后商店页面的样子:

移除WooCommerce商店默认排序下拉列表

就这样,简单一段代码即可删除 WooCommerce 中的默认排序选项。

本文是否有帮助?



iTopVPN Black Friday Deal - Save up to 90%