通过js实现商品SKU选择?

时间:2018-09-06 06:19:26

标签: javascript sku

enter image description here

选项数据是后端的json。

    [{
        name: '尺寸',
        groups: [ '20cm', '30cm', '50cm', ],
    },
    {
        name: '颜色',
        groups: [ '红色', '绿色', '黄色', '蓝色', ],
    }, {
        name: '内存',
        groups: [ '64G', '128G', '256G', ],
    }, ]

sku数据也是一个json。

 [
    {
        尺寸: '20cm',
        颜色: '红色',
        内存: '128G',
        price: 1000,
    },
    {
        尺寸: '50cm',
        颜色: '蓝色',
        内存: '64G',
        price: 2000,
    },
    {
        尺寸: '50cm',
        颜色: '蓝色',
        内存: '128G',
        price: 3000,
    },
    {
        尺寸: '20cm',
        颜色: '绿色',
        内存: '128G',
        price: 4000,
    },
],

或者像这样:

{
    '20cm;红色;128G': { price: 1000,},
    '50cm;蓝色;64G':  { price: 1000,},
    '50cm;蓝色;128G': { price: 1000,},
    '20cm;绿色;128G': { price: 1000,},
}

默认SKU:

'20cm;红色;128G': { price: 1000,},

当我们在亚马逊或eBay上购物时,我们将选择SKU。这该怎么做? 如果SKU为空,则禁用该按钮。

例如,您可以去: https://item.taobao.com/item.htm?spm=a230r.1.14.3.77125bfc5a24N7&id=575076594640&ns=1&abbucket=17

提示:尺寸(大小);颜色(color);内存(ROM);

enter image description here https://github.com/iscarecrow/sku-select

0 个答案:

没有答案