技术求助：如何隐藏WooCommerce中无图片的商品？

Hey there! 要隐藏WooCommerce里所有没有上传商品图片的产品，我给你整理了两种实用的解决方案，你可以根据需求选择：

方案1：前端商店页面自动隐藏无图商品 #

这个方法会在商店首页、产品分类页、搜索结果页等前端页面自动过滤掉没有主图的商品，用户完全看不到它们。你只需要把下面的代码添加到你的子主题functions.php文件里，或者用自定义代码插件（比如Code Snippets）来添加：

add_action( 'pre_get_posts', 'hide_products_without_images' );
function hide_products_without_images( $query ) {
    // 只针对前端的产品查询生效
    if ( ! is_admin() && $query->is_main_query() && ( is_shop() || is_product_category() || is_product_tag() || is_search() ) ) {
        $meta_query = $query->get( 'meta_query' );
        // 添加条件：产品必须有缩略图（主图）
        $meta_query[] = array(
            'key'     => '_thumbnail_id',
            'compare' => 'EXISTS'
        );
        $query->set( 'meta_query', $meta_query );
    }
}

代码说明： #

• 这个钩子pre_get_posts会在WP查询执行前修改参数，我们只针对前端的产品主查询生效，不会影响后台操作。
• _thumbnail_id是WooCommerce存储产品主图ID的元字段，检查这个字段存在就代表产品有上传图片。
• 如果你只想在特定页面生效，比如只在商店首页隐藏，可以把条件里的( is_shop() || is_product_category() || ... )改成is_shop()就行。

方案2：后台产品列表也隐藏无图商品 #

如果你希望在WP后台的产品列表里也看不到无图商品，可以再添加这段代码：

add_action( 'pre_get_posts', 'hide_products_without_images_admin' );
function hide_products_without_images_admin( $query ) {
    // 只针对后台的产品列表查询生效
    if ( is_admin() && $query->is_main_query() && $query->get( 'post_type' ) === 'product' ) {
        $meta_query = $query->get( 'meta_query' );
        $meta_query[] = array(
            'key'     => '_thumbnail_id',
            'compare' => 'EXISTS'
        );
        $query->set( 'meta_query', $meta_query );
    }
}

注意事项： #

• 不要直接修改父主题的functions.php，否则主题更新后代码会丢失，建议用子主题或者专门的代码管理插件。
• 如果之后需要恢复显示无图商品，只需要把对应的代码删除或者注释掉就行。

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