Magento 2：更新产品列表页面中的数量，如购物车页面答案

【问题标题】：Magento 2: Update qty in product list page like on cart pageMagento 2：更新产品列表页面中的数量，如购物车页面
【发布时间】：2017-07-25 20:45:28
【问题描述】：

我在产品列表 (list.phtml) 上添加了数量输入，有什么方法可以在购物车页面或迷你购物车上实现更新数量的解决方案？不仅添加到购物车，还更新产品列表中的数量。

问候马特

【问题讨论】：

标签： magento magento2

【解决方案1】：

你可以这样使用：

<?php $postParams = $block->getAddToCartPostParams($_product); ?>

<form data-role="tocart-form" onsubmit="return false;" action="<?php /* @escapeNotVerified */ echo $postParams['action']; ?>" method="post">
    <?php echo $block->getBlockHtml('formkey')?>
    <input type="hidden" name="product" value="<?php /* @escapeNotVerified */ echo $postParams['data']['product']; ?>">
    <input type="hidden" name="<?php /* @escapeNotVerified */ echo Action::PARAM_NAME_URL_ENCODED; ?>" value="<?php /* @escapeNotVerified */ echo $postParams['data'][Action::PARAM_NAME_URL_ENCODED]; ?>">
    <input type="text" name="qty" id="qty" class="qty" value="1"/>
    <button type="submit"
            title="<?php echo $block->escapeHtml(__('Add to Cart')); ?>"
            class="action tocart primary"
            <span class="label">
                <?php /* @escapeNotVerified */ echo __('Add to Cart') ?>
            </span>
    </button>                                                
</form>

但这仅适用于简单的产品。

【讨论】：

它只是添加输入 - 有它，但它不像在 minicart 或购物车页面上那样工作。

【解决方案2】：

替换mincart.phtml中的以下代码并部署：

<?php
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

/** @var $block \Magento\Checkout\Block\Cart\Sidebar */
?>

<div data-block="minicart" class="minicart-wrapper">
    <a class="action showcart" href="<?php /* @escapeNotVerified */ echo $block->getShoppingCartUrl(); ?>"
       data-bind="scope: 'minicart_content'">
        <span class="text"><?php /* @escapeNotVerified */ echo __('Warenkorb'); ?></span>
        <span class="counter qty empty"
              data-bind="css: { empty: !!getCartParam('summary_count') == false }, blockLoader: isLoading">
            <span class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span>
            <span class="counter-label">
            <!-- ko if: getCartParam('summary_count') -->
                <!-- ko text: getCartParam('summary_count') --><!-- /ko -->
                <!-- ko i18n: 'items' --><!-- /ko -->
            <!-- /ko -->
            </span>
        </span>
    </a>
    <?php if ($block->getIsNeedToDisplaySideBar()): ?>
        <div class="block block-minicart empty"
             data-role="dropdownDialog"
             data-mage-init='{"dropdownDialog":{
                "appendTo":"[data-block=minicart]",
                "triggerTarget":".showcart",
                "timeout": "2000",
                "closeOnMouseLeave": false,
                "closeOnEscape": true,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":[]}}'>
                <div class="menu-main-title-mobile min-cart-mob">
                            <a href="#" class="close-mega-menu"><?php echo __('< Zurück') ?></a>
                            <h4><span><?php echo __('Warenkorb') ?></span></h4>                     
                        </div>
            <div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'">
            <?php   /* <div class="menu-main-title">
                    <h3>Ihr EGLO Warenkorb</h3>
                    <span><a href="#"> Liste hochladen</a></span>
                    <a href="#" class="close-mega-menu">Schliessen   x</a>
                </div> */ ?>
                <!-- ko template: getTemplate() --><!-- /ko -->

            </div>
            <?php //echo $block->getChildHtml('minicart.addons'); ?>
        </div>
    <?php endif ?>
    <script>
        window.checkout = <?php /* @escapeNotVerified */ echo \Zend_Json::encode($block->getConfig()); ?>;
    </script>
    <script type="text/x-magento-init">
    {
        "[data-block='minicart']": {
            "Magento_Ui/js/core/app": <?php /* @escapeNotVerified */ echo $block->getJsLayout();?>
        },
        "*": {
            "Magento_Ui/js/block-loader": "<?php /* @escapeNotVerified */ echo $block->getViewFileUrl('images/loader-1.gif'); ?>"
        }
    }
    </script>
</div>
<script>

/* Minicart Plus Minus Script */
function cartplus(elementId) {
    var qty = document.getElementById('cart-item-'+elementId+'-qty').value; 
    qty = parseInt(qty) + 1;
    document.getElementById('cart-item-'+elementId+'-qty').value = qty;
    document.getElementById('update-cart-item-'+elementId).style.display = "block";

    }

function cartminus(elementId){
     var qty = document.getElementById('cart-item-'+elementId+'-qty').value;    
    qty = parseInt(qty) - 1;
    if (qty < 0)
       qty = 0;
    document.getElementById('cart-item-'+elementId+'-qty').value = qty;
    document.getElementById('update-cart-item-'+elementId).style.display = "block";
    }

/* Minicart Plus Minus Script End */

</script>

【讨论】：