我正在建设一个零售网站。在我的产品列表页面中,我将每个产品作为一个区块列出(每行3个区块)。在每个块内,我想要显示的细节,如名称,价格,销售价格等。我还想在每个块内的“添加到购物车”按钮,如果用户点击它,我将使用JS功能,以添加到购物车的产品。我希望整个区块是可点击的,并将用户带到产品详细信息页面时点击。我在整个区块周围都有一个锚点标签。
我的问题是,当用户单击Add to Cart按钮时,它会通过JS将商品添加到购物车,但随后会触发锚标记并将用户带到详细信息页面。处理这个问题的最好方法是什么?
我可以将“添加到购物车”按钮移出区块,但我不希望这样,因为区块周围有一个边框。
我已经成功地使用设置了Shopify Ajax购物车,所以如果您单击购物车之外的任何地方(或者使用关闭按钮),我的购物车就会关闭。
我在想,如果用户在向购物车中添加了一个项目后开始滚动,那么是否有可能关闭购物车。我发现了另一个主题-- --它实现了这一目标,但在JS中不是很好,我不知道从哪里开始。
我已经意识到当购物车打开的时候,网站的其他部分是不可滚动的,所以我想知道这是否是为什么我很难让它滚动?
我的一些当前代码如下所示,请参阅Timber框架中与我的设置相同的内容:
theme.liquid -
{% comment %}
Ajaxify your cart with this plu
我正在构建一个简单的购物车系统,使用Laravel和Vue.js来销售照片。每张照片都有不同的尺寸,每种尺寸的价格都不同。
我有以下表格:
Photos
- id
- title
Sizes
- id
- dimensions
Photos_Sizes
- id
- photo_id
- size_id
- price
我使用Vue.js对我的购物车控制器进行API调用,以操纵购物车。当用户单击Add to Basket按钮时,它会传递photo_id和size_id。
我的问题是,使用传递给控制器的两个I,我如何访问透视表中正确的价格值?
抱歉,如果这是在其他地方,但我找不到更好的方法来做这件事。
我想用AJAX实时更新购物车的总数,无论何时添加,删除产品,或数量发生变化。
我已经让它工作了,但必须有更好的方法。不断地轮询更改感觉是错误的,我当然不想以内存泄漏结束。
现在,我已经从JSON中获取了条目计数,然后通过每秒轮询来更改div中的数字,这给用户一种当他们更改某些内容时数字正在更新的错觉。
我尝试向add to cart按钮添加侦听器(有效),也尝试在数量选择器上进行侦听(无效)。
我相信我只是个菜鸟,所以我很感谢你的帮助。代码如下:
// Fetch the cart in JSON and change cart qu