更新数量框产品列表magento

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-> http://pastebin.com/UJ0YvUq9 view.phtml-> http://pastebin.com/7pQtYvfe

希望社会各界帮助我！

您将成为天才。

Answer 1

最好的方法是使用jQuery ajax。 当然，由于提交了表单，您的代码正在重新加载页面，这就是您正在编程的内容:)

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

编写对添加到购物车网址的jQuery ajax（重要！）调用，并附加当前的产品数据，最好在$('button').click()执行一个event.preventDefault()来防止页面重新加载。 检索错误或成功通知并在产品上显示更新的数量，还应注意更新网站顶部或其他位置的微型购物车（如果显示）。

使用数量和其他必需的产品选项过帐后，该产品将被添加到购物车中。