ghost-unicorns/module-qty-increment-ui

添加到产品数量的控制

安装: 18

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

语言:HTML

类型:magento2-module

1.0.1 2023-02-06 12:05 UTC

This package is auto-updated.

Last update: 2024-09-06 15:51:55 UTC


README

此模块调整了 GTM 推送以兼容新的 GA4 电子商务标准

安装

composer require ghost-unicorns/module-qty-increment-ui

如何使用

产品列表

$productQtyIncrementInput = $block->getLayout()->getBlock('qty-increment-ui-product-listing');

<?= $productQtyIncrementInput->setData('product', $_product)->toHtml(); ?>

购物车

$productQtyIncrementInput = $block->getLayout()->getBlock('qty-increment-ui-cart');

<?= $productQtyIncrementInput->setData('cart_item', $_item)->toHtml(); ?>

产品页面

简单产品

文件: vendor/magento/module-catalog/view/frontend/templates/product/view/addtocart.phtml

<?php
/** @var $block \Magento\Catalog\Block\Product\View */

$productQtyIncrementInput = $block->getLayout()->getBlock('qty-increment-ui-product-simple');
?>
<?php $_product = $block->getProduct(); ?>
<?php $buttonTitle = __('Add to Cart'); ?>
<?php if ($_product->isSaleable()): ?>
    <div class="box-tocart">
        <div class="fieldset">
            <?php if ($block->shouldRenderQuantity()): ?>
                <div class="field qty">
                    <?= $productQtyIncrementInput->setData('product', $_product)->toHtml(); ?>
                </div>
            <?php endif; ?>
            <div class="actions">
                <button type="submit"
                        title="<?= /* @escapeNotVerified */ $buttonTitle ?>"
                        class="action primary tocart"
                        id="product-addtocart-button">
                    <span><?= /* @escapeNotVerified */ $buttonTitle ?></span>
                </button>
                <?= $block->getChildHtml('', true) ?>
            </div>
        </div>
    </div>
<?php endif; ?>
<script type="text/x-magento-init">
    {
        "#product_addtocart_form": {
            "Magento_Catalog/js/validate-product": {}
        }
    }
</script>

组合产品

覆盖/扩展组合模板: vendor/magento/module-grouped-product/view/frontend/templates/product/view/type/grouped.phtml

注入块

<?php $productQtyIncrementInput = $block->getChildBlock('qty-increment-ui-product-grouped'); ?>

替换 class="control qty" 内容为

<div class="control qty">
    <?= $productQtyIncrementInput->setData('product', $_item)->toHtml(); ?>
</div>

贡献

当然可以,您可以通过发送 pull request 提出改进和修复。