Question

我是如何让它工作所以用AJAX更新，它在view.phtml上做？它现在重新加载整个页面。

我已在产品清单中添加了数量框。这是我在list.phtml上添加的内容：

<form action="<?php echo $this->getAddToCartUrl($_product) ?>” method="post" id="product_addtocart_form_<?php echo $_product->getId()?>"<?php if($_product->getOptions()): ?> enctype="multipart/form-data"<?php endif; ?>> 
    <?php if(!$_product->isGrouped()): ?> 
        <label for="qty"><?php echo $this->__('Qty') ?>:</label> 
        <input type="text" name="qty" id="qty" maxlength="12" value="<?php echo ($this->getMinimalQty($_product)?$this->getMinimalQty($_product):1) ?>” /> 
    <?php endif; ?> 

    <button type="button" class="button btn-cart” onclick="this.form.submit()">
        <span>    
            <span><?php echo $this->__('Add to Cart') ?></span>
        </span>
    </button> 
</form>

以下是我的文件：

list.phtml - ＆gt; http://pastebin.com/UJ0YvUq9 view.phtml - ＆gt; http://pastebin.com/7pQtYvfe

希望社区可以帮助我！

你将成为天才。

Answer 1

最好的方法是使用jQuery ajax。当然，您的代码正在重新加载页面，因为表单已经提交，这就是您正在编程的内容：）

由于view.phtml有一个完整的其他结构和操作绑定来更新购物车和更新QTY，我们必须在列表模板中添加一些内容并编写一些jQuery。

将jQuery ajax（post！that important）调用写入add to cart url并附加当前产品数据，最好在$('button').click()执行此操作并执行event.preventDefault()以阻止该页面重装。检索错误或成功通知并在产品上显示更新的QTY，同时注意更新网站标题或其他位置的迷你购物车（如果显示）。

使用QTY和其他必需的产品选项发布后，产品将被添加到购物车中。

更新数量框产品列表magento

1 个答案: