我正在建设一个零售网站。在我的产品列表页面中,我将每个产品作为一个区块列出(每行3个区块)。在每个块内,我想要显示的细节,如名称,价格,销售价格等。我还想在每个块内的“添加到购物车”按钮,如果用户点击它,我将使用JS功能,以添加到购物车的产品。我希望整个区块是可点击的,并将用户带到产品详细信息页面时点击。我在整个区块周围都有一个锚点标签。
我的问题是,当用户单击Add to Cart按钮时,它会通过JS将商品添加到购物车,但随后会触发锚标记并将用户带到详细信息页面。处理这个问题的最好方法是什么?
我可以将“添加到购物车”按钮移出区块,但我不希望这样,因为区块周围有一个边框。