Shopify：为批发客户设置商品最低15件订购量的问题排查

你代码里的问题主要有几个核心点，导致min="15"设置未生效：

1. 初始值与最小值冲突 #

给带wholesale标签的商品设置了min="15"，但初始值value="1"远小于最小值，浏览器会优先保留初始值，甚至直接忽略min属性的限制，这是关键原因之一。

2. 标签判断逻辑冗余 #

无需把商品标签拼接成字符串再判断，Shopify的contains过滤器直接支持数组匹配，product.tags contains 'wholesale'就能精准判断，还能避免误判类似wholesale-abc这类带后缀的标签。

3. 主题JS拦截了数量控制逻辑 #

大部分Shopify主题自带数量选择器的JavaScript控制逻辑（通常在theme.js或独立的quantity-input.js文件中），加减按钮的点击事件可能硬编码了最小数量为1，没有读取输入框的min属性，导致HTML设置的限制被JS覆盖。

修正后的HTML代码 #

<quantity-input class="quantity">
    <button class="quantity__button no-js-hidden" name="minus" type="button">
        <span class="visually-hidden">{{ 'products.product.quantity.decrease' | t: product: product.title | escape }}</span>
        {% render 'icon-minus' %}
    </button>
    {% if product.tags contains 'wholesale' %}
        <input class="quantity__input"
            type="number"
            name="quantity"
            id="Quantity-{{ section.id }}"
            min="15"
            value="15"
            form="{{ product_form_id }}"
        >
    {% else %}
        <input class="quantity__input"
            type="number"
            name="quantity"
            id="Quantity-{{ section.id }}"
            min="1"
            value="1"
            form="{{ product_form_id }}"
        >
    {% endif %}
    <button class="quantity__button no-js-hidden" name="plus" type="button">
        <span class="visually-hidden">{{ 'products.product.quantity.increase' | t: product: product.title | escape }}</span>
        {% render 'icon-plus' %}
    </button>
</quantity-input>

JS部分修复示例 #

找到主题中控制数量按钮的代码片段，将硬编码的最小数量改为读取输入框的min属性：

// 示例：修改theme.js中的数量控制逻辑
document.querySelectorAll('.quantity__button').forEach(button => {
    button.addEventListener('click', () => {
        const input = button.closest('.quantity').querySelector('.quantity__input');
        const step = parseInt(input.step) || 1;
        // 替换原来的硬编码min=1，改为读取输入框的min属性
        const min = parseInt(input.min) || 1;
        const max = parseInt(input.max) || Infinity;

        if (button.name === 'minus') {
            input.value = Math.max(min, parseInt(input.value) - step);
        } else {
            input.value = Math.min(max, parseInt(input.value) + step);
        }
    });
});

额外提醒：如果这个规则仅针对批发客户而非所有访客，你还需要结合客户登录状态或客户标签做判断，避免普通访客也被强制限制最低15件购买。

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