Shopify 的两种定制选项

定制方式1

最终要加入购物车要显示不同选项的不同QTY，那么需要创建变体（Variants），不同度数都是一个变体。

var formData = { 
  'items': [{
    'id': idleft,
    'quantity': qtyleft
  }, {
    'id': idright,
    'quantity': qtyright
  }]  
}
fetch('/cart/add.js', {
   method: 'POST',
   body: JSON.stringify(formData),
   headers: {
       'Content-Type': 'application/json'
   }   
})
.then(response => response.json())
.then(function(data) {

})

代码用法查看：https://shopify.dev/api/ajax/reference/cart#post-cart-add-js

定制方式2

因生产管理上的约束，通常左右眼可能成对销售，也就是不存在左2右1，只能是左2右2，或左1右1这种成对购买。那么Qty 只有一个值。这种情况更简单，因为不需要创建变体，用户选择的左右眼度数信息可以以properties的形式传递，度数选择创建一个静态liquid代码段即可。

var formData = {
  'items': [{
    'id': '42179304128725',
    'quantity': 5,
    'properties': {
      'left': '-1.00',
      'right': '-2.00'
    }
  }]
}
fetch('/cart/add.js', {
   method: 'POST',
   body: JSON.stringify(formData),
   headers: {
       'Content-Type': 'application/json'
   }   
})
.then(response => response.json())
.then(function(data) {

})