我刚好处理过类似的需求——既要隐藏带有XL尺码属性的变体加购按钮，又不能禁用这些变体（确保选它们时能正常显示对应图片），下面是两种可行的方案，推荐用PHP钩子的方法更可靠：

方案一：使用PHP钩子（推荐） #

通过WooCommerce的woocommerce_variation_add_to_cart_button钩子，我们可以精准控制每个变体的加购按钮输出。这个方法不会影响变体的可用性，只是针对性地隐藏按钮。

将以下代码添加到你的主题functions.php文件（或自定义插件中）：

add_filter( 'woocommerce_variation_add_to_cart_button', 'hide_add_to_cart_for_xl_variations', 10, 2 );
function hide_add_to_cart_for_xl_variations( $button_html, $variation ) {
    // 获取当前变体的pa_size属性值
    $size_value = $variation->get_attribute( 'pa_size' );
    
    // 判断属性值是否为XL，是的话清空按钮HTML（也可替换为提示文字）
    if ( 'XL' === $size_value ) {
        // 完全隐藏按钮
        $button_html = '';
        // 如果你想显示提示，替换成下面的代码：
        // $button_html = '<p style="color:#dc3232;">该尺码暂时无法购买</p>';
    }
    
    return $button_html;
}

代码说明： #

• 这个钩子会遍历每个产品变体，针对每个变体的加购按钮进行处理
• 通过$variation->get_attribute('pa_size')获取当前变体的尺码属性值
• 如果属性值匹配XL，就将按钮的HTML内容清空，达到隐藏效果；你也可以替换成自定义提示文字，告知用户该尺码无法购买
• 变体本身依然保持可选状态，选择后会正常加载对应的产品图片

方案二：使用CSS（简单但有局限性） #

如果你不想修改PHP代码，也可以通过CSS来隐藏按钮。WooCommerce会给选中的变体容器添加对应的属性类（比如variation-pa_size-xl），我们可以利用这个类来定位并隐藏按钮：

/* 隐藏所有XL尺码变体的加购按钮 */
.variation-pa_size-xl .single_add_to_cart_button {
    display: none !important;
}

注意事项： #

• 这个方法依赖前端的类名，若WooCommerce更新或主题修改了类名，可能会失效
• 用户可以通过浏览器开发者工具手动移除CSS规则来显示按钮，安全性不如PHP方法

测试验证 #

添加代码后，前往你的可变产品页面测试：

• 选择红色-XL或蓝色-XL变体，确认加购按钮已隐藏
• 选择这些变体时，对应的产品图片能正常显示
• 其他非XL尺码的变体，加购按钮正常显示且可点击

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