购物车更新后弹出模态购物车；单按钮添加两款带属性商品至模态购物车

嘿，我来帮你搞定这两个购物车需求！结合你找到的MGUtil代码片段，咱们一步步修改和扩展来实现目标：

原代码里的addItem方法已经预留了callback参数，咱们可以利用这个回调，在商品成功加入购物车后触发模态购物车的打开逻辑。

首先完善addItem的AJAX部分，在success回调里执行打开模态框的操作，同时保留自定义回调的灵活性：

var MGUtil = {
    data: [],
    ini: 0,
    total: 0,
    addItem: function(qty, id, properties, callback) {
        var params = {
            quantity: qty,
            id: id
        };
        if (properties != false) {
            params.properties = properties;
        }
        $.ajax({
            type: 'POST',
            url: '/cart/add.js', // 补全Shopify购物车添加接口
            data: params,
            dataType: 'json',
            success: function(response) {
                // 购物车更新成功后，打开模态购物车
                openModalCart(); // 替换成你项目中实际打开模态框的方法
                // 如果需要执行自定义回调，也可以触发
                if (typeof callback === 'function') {
                    callback(response);
                }
            },
            error: function(xhr) {
                console.error('添加商品失败:', xhr.responseText);
            }
        });
    },
    // 新增批量添加方法，用于需求2
    addMultipleItems: function(items) {
        // 用Promise确保所有商品都添加完成后再打开模态框
        var promises = items.map(item => {
            return new Promise((resolve, reject) => {
                this.addItem(item.qty, item.id, item.properties, resolve);
            });
        });
        Promise.all(promises).then(() => {
            openModalCart(); // 所有商品添加完成后统一打开模态框
        }).catch(err => {
            console.error('批量添加商品失败:', err);
        });
    }
};

注意：openModalCart()是占位符，你需要替换成项目中实际控制模态购物车显示的方法，比如Bootstrap模态框的$('.modal-cart').modal('show')。

在商品A的详情页，给「加入购物车」按钮绑定点击事件，调用上面新增的addMultipleItems方法，传入两款商品的完整信息（包括各自的自定义属性）：

// 给商品A详情页的专属按钮绑定事件
$('.add-both-to-cart-btn').on('click', function(e) {
    e.preventDefault();
    // 定义商品A和商品B的参数，包含各自的自定义属性
    var itemsToAdd = [
        {
            qty: 1, // 商品A的购买数量
            id: '商品A的变体ID', // 替换成实际的商品A变体ID
            properties: {
                '刻字内容': '用户输入的商品A刻字',
                '颜色偏好': '红色'
            }
        },
        {
            qty: 1, // 商品B的购买数量
            id: '商品B的变体ID', // 替换成实际的商品B变体ID
            properties: {
                '尺寸': 'M',
                '赠品备注': '需要礼品包装'
            }
        }
    ];
    // 调用批量添加方法
    MGUtil.addMultipleItems(itemsToAdd);
});

提示：商品的变体ID可以在Shopify后台找到，或者通过页面上的商品数据节点获取；自定义属性的键名要和购物车页面展示的字段保持一致哦。

这样修改后，就能同时满足两个需求：一键把商品A和B（带各自属性）加入购物车，并且所有操作完成后自动弹出模态购物车！

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