Woocommerce如何针对特定商品分类隐藏单商品页产品图片

官方代码和woocommerce_show_product_thumbnails钩子无效的核心原因，大多是主题修改了Woocommerce默认钩子的挂载位置、优先级，或者缓存未清空导致规则未生效。以下是两种可直接落地的方案：

方法1：钩子移除方案 #

适配使用默认Woocommerce钩子挂载产品图片的主题，将以下代码添加到主题functions.php文件或自定义代码片段插件中即可：

// 特定分类隐藏单商品页图片资源
add_action('template_redirect', 'hide_product_image_for_specific_category');
function hide_product_image_for_specific_category() {
    // 仅在单商品页执行逻辑
    if (is_product()) {
        global $post;
        // 替换为目标分类的slug，多分类可写为['slug1', 'slug2']
        $target_categories = ['your-target-category-slug'];
        if (has_term($target_categories, 'product_cat', $post->ID)) {
            // 移除默认主图挂载
            remove_action('woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20);
            // 移除缩略图挂载
            remove_action('woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20);
        }
    }
}

如果该方案无效，说明你的主题自定义了产品图片的挂载钩子，可直接使用第二种兼容性更强的方案。

方法2：CSS隐藏方案（推荐） #

不受主题、插件修改钩子的影响，兼容性最高。

第一步：添加body自定义类 #

将以下代码添加到主题functions.php文件或自定义代码片段插件：

// 给目标分类商品页添加专属body类
add_filter('body_class', 'add_hide_gallery_body_class');
function add_hide_gallery_body_class($classes) {
    if (is_product()) {
        global $post;
        // 替换为目标分类的slug，多分类可写为['slug1', 'slug2']
        $target_categories = ['your-target-category-slug'];
        if (has_term($target_categories, 'product_cat', $post->ID)) {
            $classes[] = 'hide-product-gallery';
        }
    }
    return $classes;
}

第二步：添加自定义CSS #

将以下CSS添加到主题自定义CSS面板、或主题style.css文件中：

/* 隐藏产品画廊区域 */
.hide-product-gallery .woocommerce-product-gallery {
    display: none !important;
}
/* 可选：隐藏后让产品详情占满整行 */
.hide-product-gallery .woocommerce div.product div.summary {
    float: none;
    width: 100%;
    margin: 0;
}

注意事项 #

• 所有代码中的your-target-category-slug需要替换为你实际要隐藏的商品分类别名，多个分类直接在数组中追加即可
• has_term函数默认支持匹配子分类，无需额外调整
• 代码修改后必须清空所有缓存：包括网站缓存、浏览器缓存、Woocommerce片段缓存，否则规则不会立即生效

内容的提问来源于stack exchange，提问作者t-bo