WordPress如何创建下拉筛选式的产品分类页面-WordPress-PHP中文网

WordPress如何创建下拉筛选式的产品分类页面

冰火之心

发布： 2025-09-26 09:18:01

原创

785人浏览过

答案：通过WordPress的自定义分类法和表单查询实现产品筛选。先为产品设置分类，再用wp_dropdown_categories()创建下拉表单，提交后通过URL参数筛选产品，结合WP_Query显示结果，可选AJAX或插件优化体验。

wordpress如何创建下拉筛选式的产品分类页面

要在WordPress中创建带有下拉筛选功能的产品分类页面，你可以结合自定义分类法、表单和查询逻辑来实现。不需要写复杂代码也能完成，但需要一点基础操作。核心思路是：用下拉菜单让用户选择分类或标签，提交后显示对应的产品。

1. 确保产品已正确分类

使用WooCommerce或自定义文章类型管理产品时，必须先为产品设置好分类法（如“产品分类”或“品牌”、“用途”等）。

进入后台 → 产品 → 分类，创建你需要的分类，比如“手机”、“电脑”、“配件”等。发布产品时记得选择对应的分类。

2. 创建带下拉菜单的筛选表单

在页面或模板文件中插入一个表单，使用wp_dropdown_categories()函数生成下拉选项。

示例代码：

<form method="get" action="<?php echo home_url('/products'); ?>"><br>  <label for="product_cat">筛选产品类别：</label><br>  <?php<br>    wp_dropdown_categories(array(<br>      'taxonomy'         => 'product_cat', // 如果是WooCommerce<br>      'name'             => 'product_cat',<br>      'show_option_all'  => '所有分类',<br>      'option_none_value' => '',<br>      'selected'         => get_query_var('product_cat'),<br>      'value_field'      => 'slug'<br>    ));<br>  ?><br>  <input type="submit" value="筛选" /><br></form>

登录后复制

说明：
- taxonomy 根据你用的是WooCommerce还是自定义文章类型调整，比如默认产品分类是product_cat。
- 表单提交后会通过URL参数传递筛选条件，如?product_cat=phones。

卡拉OK视频制作

卡拉OK视频制作，在几分钟内制作出你的卡拉OK视频

178

查看详情

3. 显示筛选后的产品列表

在目标页面（如products.php模板）中，接收参数并查询对应产品。

示例查询代码：

<?php<br>$term_slug = sanitize_text_field( $_GET['product_cat'] ?? '' );<br>$args = array(<br>  'post_type'      => 'product',<br>  'posts_per_page' => -1,<br>);<br><br>if ( ! empty($term_slug) ) {<br>  $args['tax_query'] = array(<br>    array(<br>      'taxonomy' => 'product_cat',<br>      'field'    => 'slug',<br>      'terms'    => $term_slug,<br>    ),<br>  );<br>}<br><br>$query = new WP_Query($args);<br><br>if ($query->have_posts()) :<br>  while ($query->have_posts()) : $query->the_post();<br>    the_title('<h3><a href="' . get_permalink() . '">', '</a></h3>');<br>    the_excerpt();<br>  endwhile;<br>  wp_reset_postdata();<br>else:<br>  echo '暂无产品';<br>endif;<br>?>

登录后复制

这样就能根据用户选择动态显示产品了。