WooCommerce：实现可变产品各变体的自定义数量输入参数配置

我明白你现在卡在哪了——给简单产品做的自定义数量输入逻辑，放到可变产品上直接失效，删掉产品类型判断还直接搞崩页面。其实可变产品的变体处理要抓两个关键点：一是变体是前端动态切换的，后端直接拿产品数据可能会拿到父可变产品而非当前选中的变体；二是要针对单个变体（variation类型）而不是父可变产品（variable类型）来读取元数据。

先给你捋下原来代码里的小问题：

• 你写的$product = wc_get_product();完全没必要，因为woocommerce_quantity_input_args过滤器已经把当前产品对象作为第二个参数传进来了，这行代码反而会在可变产品页面拿到父产品，导致获取不到变体的元数据
• 只处理了simple类型，没考虑variation类型的产品
• 没有对自定义步长和库存值做有效性判断，万一值为0会导致计算错误

下面是修改后的完整解决方案，分PHP后端逻辑和前端JS补充两部分：

1. 修改后端数量输入参数过滤器 #

这段代码会同时处理简单产品和单个变体产品，并且修复了原代码的小问题：

add_filter( 'woocommerce_quantity_input_args', 'productQuantityInputArgs', 10, 2);

function productQuantityInputArgs( $args, $product ) {
    // 仅在非购物车页面应用自定义规则
    if ( ! is_cart() ) {
        $product_type = $product->get_type();
        
        // 处理简单产品和变体产品（注意：父可变产品type是variable，不处理）
        if( $product_type === 'simple' || $product_type === 'variation' ) {
            $custom_pasirinkimo_kiekis = $product->get_meta('_quantity_product_in_package');
            $stock = $product->get_meta('_stock_quantity');
            
            // 确保自定义步长和库存值有效，避免出现除以0或负数的错误
            if( $custom_pasirinkimo_kiekis > 0 && $stock > 0 ) {
                $args['max_value'] = $stock - ($stock % $custom_pasirinkimo_kiekis);
                $args['input_value'] = $custom_pasirinkimo_kiekis;
                $args['min_value'] = $custom_pasirinkimo_kiekis;
                $args['step'] = $custom_pasirinkimo_kiekis;
            }
        }
    }
    return $args;
}

2. 添加前端JS处理变体切换 #

因为可变产品的变体是前端动态加载的，切换变体时WooCommerce会重新渲染数量输入框，所以需要加一段JS来同步更新数量输入的参数：

add_action( 'wp_footer', 'update_variation_quantity_input_on_switch' );
function update_variation_quantity_input_on_switch() {
    // 仅在可变产品页面加载这段JS
    if ( is_product() && wc_get_product()->is_type('variable') ) {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            // 监听WooCommerce变体切换完成的事件
            $('form.variations_form').on('show_variation', function(event, variation) {
                // 定位到当前的数量输入框
                var $quantity_input = $(this).find('.quantity input.qty');
                
                // 从变体数据中获取自定义元数据和库存
                var custom_step = variation._quantity_product_in_package;
                var stock = variation._stock_quantity;
                
                if( custom_step > 0 && stock > 0 ) {
                    var max_value = stock - (stock % custom_step);
                    
                    // 动态更新数量输入框的属性
                    $quantity_input.attr({
                        'min': custom_step,
                        'max': max_value,
                        'step': custom_step,
                        'value': custom_step
                    });
                    
                    // 触发change事件，确保WooCommerce其他逻辑能识别到变化
                    $quantity_input.trigger('change');
                }
            });
        });
    </script>
    <?php
    }
}

最后给你提几个注意事项 #

• 确保每个变体都正确设置了_quantity_product_in_package和_stock_quantity这两个元数据，否则逻辑不会生效
• 测试前记得清空网站缓存和浏览器缓存，避免旧代码干扰
• 如果你的主题对数量输入框做了自定义样式或JS，可能需要调整JS里的选择器（比如.quantity input.qty）

备注：内容来源于stack exchange，提问作者Kuiio