我创建了一个页面，其中包含一些产品的图像，如产品 1、产品 2、产品 3 等。所有产品都是可配置的产品。在此之下，我为购物车添加了一个自定义块。其中包含上述所有产品的列表（我只想添加 3 个产品）（见下文）
Product1 $39 x 1 = $39
Product2 $25 x 1 = $25
Product3 $30 x 1 = $30
TOTAL $94
当我点击产品的图片时，它会重定向到产品，有一些属性和数量可供选择，还有一个添加到购物车按钮。现在，当我单击“添加到购物车”按钮时，我希望将产品价格和数量添加到适当的位置。假设我选择了 product2 和 3 数量的购物车看起来像
Product1 $0 x 0 = $0
Product2 $25 x 3 = $75
Product3 $0 x 0 = $0
TOTAL $75
我可以做直到重定向到产品，但不能做添加到购物车的下一部分。我想知道我需要在哪些文件中创建步骤和哪些功能？