繁体   English   中英

如何将不同尺寸的相同产品作为单独的商品添加到购物车中?

[英]How to add the same product with different sizes to the shopping cart as a separate item?

我正在做一个蛋糕店,用户可以在其中将蛋糕添加到购物车。 在购物车中,他们可以将蛋糕大小更改为他们想要的大小。 在更改蛋糕大小时,价格会发生变化并存储在 session 中
在此处输入图像描述

我意识到如果用户将相同的蛋糕添加到购物车中,它会覆盖之前添加的蛋糕。
这不是我想要的,因为如果当前购物车中蛋糕的蛋糕大小不同,我想将新蛋糕添加到购物车中。

我将购物车存储在基于此 model 的 session 中:

module.exports = function Cart(oldCart) {

    // If there's no cart in the session, create a new empty object
    this.items = oldCart.items || {};
    this.totalQty = oldCart.totalQty || 0;
    this.totalPrice = oldCart.totalPrice || 0;

    //item will be an object based on a document from MongoDB
    //id is the unique _id from the item
    this.add = function(item, id) {
        let storedItem = this.items[id];

        //If the item is not on the cart, add it
        if(!storedItem){
            storedItem = this.items[id] = {item: item, qty: 0, price: 0, cakesize: '1kg', singlePrice: 0}
        }

        //If the cart is on the cart, increment its quantity and price
        storedItem.qty ++;
        storedItem.price = storedItem.item.price['1000'] * storedItem.qty;

        //Total of all items in the cart
        this.totalQty++;
        this.totalPrice += storedItem.item.price['1000'];
    }

    //Function to create an array
    this.generateArray = function() {
        let arr = [];
        for (var id in this.items) {
            arr.push(this.items[id]);
        }
        return arr;
    }

};

controller 渲染视图

exports.getShoppingCart = (req,res,next) => {

  if(!req.session.cart) {
    return  res.render("shop/cart", {
       path: "/cart",
       cakes: null
      });
  }
  let cart = new Cart(req.session.cart);
    res.render("shop/cart", {
     path: "/cart",
     cakes: cart.generateArray(), 
     totalPrice: cart.totalPrice
   });


}

我知道这是由于 id 而发生的。 但是有没有办法检查蛋糕的大小呢?

正如@Sergio 在上面的评论中所建议的那样,在创建购物车 id 时,我将 cakesize 添加到 id 的末尾: cakeId + size 那成功了

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM