Woocommerce商品仅1张图片时如何隐藏详情页的缩略图行

以下两种实现方案按需选择即可：

方法1：函数钩子法（推荐，兼容性最好） #

该方案通过WooCommerce原生钩子判断商品图片总数，仅当商品存在≥2张不同图片时才加载缩略图模块，不会产生多余的前端残留代码。
操作步骤：

• 登录WordPress后台，进入「外观」-「主题文件编辑器」，在右侧文件列表找到当前主题的functions.php文件
• 在functions.php文件末尾添加如下代码：

add_filter( 'woocommerce_single_product_flexslider_enabled', 'hide_single_thumbnail_for_single_image', 10, 1 );
function hide_single_thumbnail_for_single_image( $enabled ) {
    global $product;
    if ( ! is_object( $product ) ) return $enabled;
    
    // 合并特色图+图库图片并去重统计数量
    $all_image_ids = array_merge( [ $product->get_image_id() ], $product->get_gallery_image_ids() );
    $unique_image_count = count( array_unique( $all_image_ids ) );
    
    return $unique_image_count >= 2 ? $enabled : false;
}

• 保存文件后清空站点缓存即可生效。
  如果你的主题自定义了WooCommerce图库结构，上述代码不生效可替换为以下代码：

add_action( 'template_redirect', 'remove_product_thumbnails_for_single_image' );
function remove_product_thumbnails_for_single_image() {
    global $product;
    if ( is_product() && is_object( $product ) ) {
        $all_image_ids = array_merge( [ $product->get_image_id() ], $product->get_gallery_image_ids() );
        if ( count( array_unique( $all_image_ids ) ) < 2 ) {
            remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
        }
    }
}

注意：修改functions.php前请务必备份原文件，避免语法错误导致站点无法访问

方法2：CSS快速隐藏法 #

无需修改PHP代码，仅通过前端样式隐藏单图场景的缩略图，操作门槛更低：
操作步骤：

• 登录WordPress后台，进入「外观」-「自定义」-「额外CSS」
• 粘贴如下CSS代码：

/* 隐藏单张缩略图本身 */
.woocommerce-product-gallery .flex-control-thumbs li:only-child {
    display: none;
}
/* 隐藏整个缩略图容器，避免出现留白 */
.woocommerce-product-gallery .flex-control-thumbs:has(li:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

• 保存发布后清空浏览器缓存即可生效。

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