只是我在bootstrap模型中保留了打开购物车添加到购物车的按钮,我试图将产品添加到购物车中,但按钮不工作。
取决于版本,但是。在OpenCart 3中(在2,3中相当类似),添加到购物车底部的工作方式是这样的。
在每个产品列表中的按钮应该是这样的。<button type="button" onclick="cart.add('43');">...</button>
. 该部分 onclick="cart.add('ID');
是最有价值的。它连接着对象 cart
并让剧本进入 普通的.js 来处理添加到购物车。在任何情况下都不要删除它。
如果我们谈论的是 产品页 - 有一个这样的构造。
<div id="product">
<div class="form-group">
<label class="control-label" for="input-quantity">Qty</label>
<input type="text" name="quantity" value="1" size="2" id="input-quantity" class="form-control" />
<input type="hidden" name="product_id" value="43" />
<br />
<button type="button" id="button-cart" data-loading-text="Loading..." class="btn btn-primary btn-lg btn-block">Add to Cart</button>
</div>
</div>
在这个区域,我们应该保留所有元素 id
, type
和 name
不动声色。所有内部 <div id="product">
帮助处理将产品添加到购物车的过程,所有这些都参与脚本处理,如果你将改变任何我提到的 - 脚本将停止正常工作。你可以根据bootstrap或你自己的想法,自由改变标签的顺序和它们的类。如果你已经修改了这个区块,并且它停止工作 - 只需从一个清晰的默认OpenCart版本(或你的主题)恢复它。