WooCommerce产品页如何仅显示产品特色图、隐藏其余产品缩略图？

之前测试的代码存在判断逻辑完全颠倒的问题：

• 代码规则为：当当前渲染的附件ID与产品特色图ID匹配时，将对应HTML内容清空
• 而WooCommerce单产品页的主显示大图、导航区的第一张特色缩略图，本身就是使用特色图的附件ID渲染的。这部分核心元素被清空后，画廊容器会因为找不到初始主图节点中断整个渲染流程，最终出现页面所有产品图片都消失的效果。

修改过滤判断逻辑，仅保留特色图对应的渲染内容，所有非特色图的附加画廊内容直接返回空值，即可实现需求的展示效果：

function wce_single_product_only_keep_featured_image($html, $attachment_id ) {
    global $post;
    // 获取当前产品绑定的特色图附件ID
    $featured_img_id = get_post_thumbnail_id( $post->ID );
    // 非特色图的渲染内容直接清空
    if ( $attachment_id != $featured_img_id ) {
        return '';
    }
    // 特色图的渲染内容正常输出
    return $html;
}
add_filter('woocommerce_single_product_image_thumbnail_html', 'wce_single_product_only_keep_featured_image', 10, 2);

• 代码可添加到当前主题的functions.php文件末尾，或通过自定义代码片段类插件加载，不要直接修改WooCommerce核心程序文件
• 代码生效后，单产品页的画廊组件会因为仅存在单张图片自动禁用轮播切换功能，不会显示多余的左右切换按钮
• 产品后台上传的所有附加画廊图片不会被删除，仅在前端单个产品详情页隐藏，不影响后台的产品内容管理
• 如果产品未配置特色图，页面会自动显示WooCommerce默认的产品占位图，不会出现渲染异常

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