如何在嵌入Squarespace的Shopify Buy Button中设置商品限购（无需第三方应用）

方法1：通过Shopify后台设置（无需修改代码） #

直接在Shopify后台给商品配置购买限制，嵌入的Buy Button会自动继承这些规则：

• 登录Shopify后台，找到目标商品
• 进入「库存」标签页，滚动到「购买限制」区域
• 设置「每位顾客的最低购买数量」和「每位顾客的最高购买数量」
• 保存后，用户通过Buy Button下单时就会受到这些限制约束

方法2：修改Buy Button嵌入代码（前端自定义限制） #

如果需要更精细化的前端控制，可以直接修改你提供的嵌入代码，在商品组件配置中添加数量限制参数：

在代码的options对象里，找到"product"和"modalProduct"两个节点，分别添加quantity配置段：

修改product节点： #

在"googleFonts": ["Roboto"]之后添加：

,
"quantity": {
  "min": 1,
  "max": 5, // 替换成你想要的最大购买数
  "input": true
}

修改modalProduct节点： #

同样在"googleFonts": ["Roboto"]之后添加相同的quantity配置：

,
"quantity": {
  "min": 1,
  "max": 5,
  "input": true
}

修改后的代码会让前端的数量输入框被限制在设定范围内，加减按钮在达到边界时会失效，用户无法输入超出范围的数值。

注意：前端限制只是辅助手段，建议同时在Shopify后台设置对应限制，防止恶意用户绕过前端验证。

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