当前位置： 技术文章>> 在Magento 2的购物车页面上的网格顶部添加额外的“继续结帐”按钮的步骤：

文章标题：在Magento 2的购物车页面上的网格顶部添加额外的“继续结帐”按钮的步骤：
  • 文章分类: Magento
  • 27621 阅读
文章标签: magento magento教程 magento二次开发 magento中文教程 php
系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》

Magento中文全栈二次开发

本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。

在Magento 2的购物车页面上的网格顶部添加额外的“继续结帐”按钮的步骤：

步骤1：首先，转到以下路径

app/code/vendor/extension/view/frontend/layout/checkout_cart_index.xml

并添加以下代码：

<?xml version="1.0"?>
 
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 
    <body>
 
        <referenceContainer name="content">
 
            <block class="Magento\Checkout\Block\Onepage\Link" name="checkout.cart.methods.onepage.top" template="VENDOR_EXTENSION::onepage/link_top.phtml" before="checkout.cart" />
 
        </referenceContainer>
 
    </body>
 
</page>

步骤2：接下来，转到以下路径

app/code/VENDOR/EXTENSION/view/frontend/templates/onepage/link_top.phtml

并添加以下代码

<?php
 
/** @var $block \Magento\Checkout\Block\Onepage\Link */
 
?>
 
<?php if ($block->isPossibleOnepageCheckout()) :?>
 
    <button type="button"
 
            data-role="proceed-to-checkout"
 
            title="<?= $block->escapeHtmlAttr(__('Proceed to Checkout Top')) ?>"
 
            data-mage-init='{
 
                "Magento_Checkout/js/proceed-to-checkout":{
 
                    "checkoutUrl":"<?= $block->escapeJs($block->escapeUrl($block->getCheckoutUrl())) ?>"
 
                }
 
            }'
 
            class="action primary checkout<?= ($block->isDisabled()) ? ' disabled' : '' ?>"
 
            <?php if ($block->isDisabled()) :?>
 
                disabled="disabled"
 
            <?php endif; ?>>
 
        <span><?= $block->escapeHtml(__('Proceed to Checkout Top')) ?></span>
 
    </button>
 
<?php endif; ?>

步骤3：最后，运行以下命令

php bin/magento cache:clean
php bin/magento cache:flush

结论：

这样，您可以轻松地在Magento 2的购物车页面上的网格顶部添加额外的“继续结帐”按钮。




推荐文章