我创建了一个页面，其中包含一些项目的图像，如product1，product2，product3等。所有产品都是可配置的产品。下面我已经为购物车添加了一个自定义块。其中包含所有上述产品的清单（我只想添加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
我可以做到重定向到产品，但无法完成添加到购物车的下一部分。我想知道我需要在哪些文件中创建的步骤和功能？