Woocommerce低于指定价格商品单独展示及首页短代码调用问题咨询

1. 创建定价低于500商品的独立页面 #

直接使用WooCommerce自带的产品筛选短代码即可实现，操作步骤如下：

• 进入WordPress后台，点击「页面」-「新建页面」，设置页面标题（如「500元以下特惠」）
• 在页面内容中插入如下短代码：
  [products limit="-1" columns="4" orderby="price" order="asc" meta_key="_price" meta_value="500" meta_compare="<"]
• 参数说明：
  • limit="-1" 代表加载所有符合条件的商品，可根据需求调整分页参数
  • columns="4" 代表商品列表每行展示4个，可自行修改数值
  • 若需要筛选促销价低于500的商品，将meta_key="_price"改为meta_key="_sale_price"即可
• 发布页面后，直接在「外观」-「菜单」中将该页面添加到站点菜单即可。

2. 首页展示前4个符合条件商品的shortcode #

直接修改上述短代码的limit参数即可实现，对应短代码如下：
[products limit="4" columns="4" orderby="popularity" order="desc" meta_key="_price" meta_value="500" meta_compare="<"]

• 其中orderby="popularity"代表按销量排序，也可根据需求替换为date（按上架时间）、price（按价格）等参数
• 将该短代码粘贴到首页指定区块的「短代码」模块中即可生效，古腾堡编辑器、各类页面构建器均支持短代码模块调用。

可选：自定义专属短代码 #

如果需要更便捷的调用，可以将以下代码添加到当前主题的functions.php文件或自定义代码插件中，生成专属短代码：

// 自定义低于500元商品短代码
add_shortcode('under_500_products', function($atts) {
    $default_atts = [
        'limit' => 4, // 默认展示4个
        'columns' => 4,
        'orderby' => 'popularity'
    ];
    $atts = shortcode_atts($default_atts, $atts);
    return do_shortcode('[products limit="'.esc_attr($atts['limit']).'" columns="'.esc_attr($atts['columns']).'" orderby="'.esc_attr($atts['orderby']).'" meta_key="_price" meta_value="500" meta_compare="<"]');
});

调用方式：

• 首页调用：[under_500_products] 默认输出4个符合条件的商品
• 独立页面调用：[under_500_products limit="-1"] 输出所有符合条件的商品

注意事项 #

• 配置完成后如果站点有开启缓存，建议清理缓存确保展示内容正确
• 上述短代码默认调用站点原生商品卡片样式，和现有商品展示风格保持一致，无需额外适配样式

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