Shopify购买按钮最小数量

Question

我目前正在使用Shopify Buy Button。

在大多数情况下，我只是复制并粘贴嵌入代码并没有太大变化。

我有一些产品要求他们购买5件或更多的所述产品。

典型的添加到包按钮只添加一个并在购物车内，按下时，添加/减去一个。

My Question(s)

有没有办法在点击添加到购物车时设置默认数量？
有没有办法在所述项目上添加默认减去/减去

注意：我不希望所有项目都使用此项，只需要嵌入购买代码的特定项目。

我搜索了default compenents和developer section，发现了以下内容：

var events = 
  addVariantToCart: function (product) ,
  updateQuantity: function (product) ,
 ...

我认为这可能是我正在寻找的，但我找不到任何有关如何更新所述产品的详细信息。

如果有人能帮助或指导我朝着正确的方向前进，我们将不胜感激。

我的嵌入代码

<div id='product-component-ITEM-ID'></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () 
  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
  if (window.ShopifyBuy)if(window.ShopifyBuy.UI)ShopifyBuyInit();elseloadScript();elseloadScript();
  function loadScript() var script = document.createElement('script');script.async = true;script.src = scriptURL;(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);script.onload = ShopifyBuyInit;
  function ShopifyBuyInit() 
    var client = ShopifyBuy.buildClient(domain: 'DOMAIN.myshopify.com',apiKey: 'API-KEY',appId: '6');
    ShopifyBuy.UI.onReady(client).then(function(ui)ui.createComponent('product',id:["ITEM-ID"],node:document.getElementById('product-component-page.item_id'),moneyFormat:'%24%7B%7Bamount%7D%7D',

    options:
      "product":
        "variantId":"all",
        "width":"240px",
        "contents":
          "img":false,
          "imgWithCarousel":false,
          "title":false,
          "variantTitle":false,
          "price":false,
          "description":false,
          "buttonWithQuantity":false,
          "quantity":false
        ,
        "text":
          "button":"ADD TO BAG"
        ,
        "styles":
          "product":
            "text-align":"left",
            "@media(min-width:601px)":
              "max-width":"100%",
              "margin-left":"0",
              "margin-bottom":"50px"
            
          ,
          "button":
            "background-color":"#393a39",
            "font-family":"Lato,sans-serif",
            "font-size":"13px",
            "padding-top":"14.5px",
            "padding-bottom":"14.5px",
            "padding-left":"35px",
            "padding-right":"35px",
            ":hover":
              "background-color":"#333433"
            ,
            "border-radius":"0px",
            ":focus":
              "background-color":"#333433"
            ,
            "font-weight":"normal"
          ,
          "title":
            "font-size":"26px"
          ,
          "price":
            "font-size":"18px"
          ,
          "quantityInput":
            "font-size":"13px",
            "padding-top":"14.5px",
            "padding-bottom":"14.5px"
          ,
          "compareAt":
            "font-size":"15px"
          
        ,
        "googleFonts":[
          "Lato"
        ]
      ,
      "cart":
        "contents":
          "button":true
        ,
        "styles":
          "button":
            "background-color":"#393a39",
            "font-family":"Lato,sans-serif",
            "font-size":"13px",
            "padding-top":"14.5px",
            "padding-bottom":"14.5px",
            ":hover":
              "background-color":"#333433"
            ,
            "border-radius":"0px",
            ":focus":
              "background-color":"#333433"
            ,
            "font-weight":"normal"
          ,
          "footer":
            "background-color":"#ffffff"
          
        ,
        "googleFonts":[
          "Lato"
        ]
      ,
      "modalProduct":
        "contents":
          "img":false,
          "imgWithCarousel":true,
          "variantTitle":false,
          "buttonWithQuantity":true,
          "button":false,
          "quantity":false
        ,
        "styles":
          "product":
            "@media(min-width:601px)":
              "max-width":"100%",
              "margin-left":"0px",
              "margin-bottom":"0px"
            
          ,
          "button":
            "background-color":"#393a39",
            "font-family":"Lato,sans-serif",
            "font-size":"13px",
            "padding-top":"14.5px",
            "padding-bottom":"14.5px",
            "padding-left":"35px",
            "padding-right":"35px",
            ":hover":
              "background-color":"#333433"
            ,
            "border-radius":"0px",
            ":focus":
              "background-color":"#333433"
            ,
            "font-weight":"normal"
          ,
          "quantityInput":
            "font-size":"13px",
            "padding-top":"14.5px",
            "padding-bottom":"14.5px"
          
        ,
        "googleFonts":[
          "Lato"
        ]
      ,
      "toggle":
        "iframe":false,
        "sticky":false,
        "templates":
          "icon":'<i class="fa fa-shopping-bag fa-lg darkgrey" aria-hidden="true"></i>'
        ,
        "contents":
          "icon":true,
          "title":false
        ,
        "events":
          afterInit:function (component)      
            document.getElementById('cart-toggle').appendChild(component.node);
          ,

        ,
        "order":[
          'count',
          'icon'
        ],
        "styles":
          "toggle":
            "font-family":"Lato,sans-serif",
            "background-color":"#393a39",
            ":hover":
              "background-color":"#333433"
            ,
            ":focus":
              "background-color":"#333433"
            ,
            "font-weight":"normal"
          ,
          "count":
            "font-size":"13px"
          
        ,
        "googleFonts":[
          "Lato"
        ]
      ,
      "productSet":
        "styles":
          "products":
            "@media(min-width:601px)":
              "margin-left":"-20px"
            
          
        
      
    
    

    ););)();
/*]]>*/
</script>

Shopify购买按钮最小数量

My Question(s)

完整示例代码

深入解释

与您的代码集成