WooCommerce首页产品排序异常，如何反转产品展示顺序

问题原因 #

你首页使用的是自定义WP_Query调用产品，未传入排序相关参数，WooCommerce后台的全局排序配置仅作用于商店页等系统自带的商品查询，不会自动同步到这个自定义查询，因此出现首页排序不生效的问题。

解决方案 #

方案1（最优：同步后台排序配置） #

修改查询参数，使自定义查询适配WooCommerce排序规则，后续在后台调整排序选项首页会同步生效，无需再次修改代码：
将原有查询的$args部分替换为以下代码：

// 读取WooCommerce全局排序配置
$default_orderby = get_option('woocommerce_default_catalog_orderby');
$orderby_map = [
    'menu_order' => 'menu_order title',
    'popularity' => 'meta_value_num',
    'rating' => 'meta_value_num',
    'date' => 'date',
    'price' => 'meta_value_num',
    'id' => 'ID'
];
$args = [
    'post_type' => 'product',
    'orderby' => $orderby_map[$default_orderby] ?? 'menu_order title',
    'order' => get_option('woocommerce_default_catalog_order', 'ASC'),
    'meta_key' => in_array($default_orderby, ['price', 'popularity', 'rating']) ? '_price' : '',
];
$loop = new WP_Query( $args );

如果你不需要同步后台配置，也可以直接固定排序规则，比如按发布时间倒序排列：

$args = array(
    'post_type' => 'product',
    'orderby' => 'date',
    'order' => 'DESC'
);

方案2（快速实现倒序：反转查询结果） #

如果仅需要把现有排序整体倒转，不需要调整查询逻辑，可以直接在查询语句后添加一行代码反转结果数组：

$loop = new WP_Query( $args );
// 新增下面这行即可实现结果倒序
$loop->posts = array_reverse($loop->posts);

注意事项 #

修改代码后如果站点开启了页面缓存、对象缓存，需要清理缓存后再验证排序效果。

内容的提问来源于stack exchange，提问作者Bun