当前位置: 技术文章>> Magento 2:如何在结帐页面中将购物车总数移动到购物车项目下方

文章标题:Magento 2:如何在结帐页面中将购物车总数移动到购物车项目下方
  • 文章分类: Magento
  • 29575 阅读
系统学习magento二次开发,推荐小册:《Magento中文全栈二次开发 》

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


在Magento 2的结帐页面中将购物车总数移动到购物车项目下方的步骤:

步骤1: 您需要 根据需要覆盖模块或主题中的checkout_index_index.xml文件。为模块和主题创建文件的路径如下

在模块中:

app\code\Vendor\Extension\view\frontend\layout\checkout_index_index.xml

在主题中:

app\design\frontend\Themes\Yourtheme\Magento_Checkout\layout\checkout_index_index.xml

然后添加代码,如下所示:

<?xml version="1.0" encoding="UTF-8"?>
 
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
   <body>
      <referenceBlock name="checkout.root">
         <arguments>
            <argument name="jsLayout" xsi:type="array">
               <item name="components" xsi:type="array">
                  <item name="checkout" xsi:type="array">
                     <item name="children" xsi:type="array">
                        <item name="sidebar" xsi:type="array">
                           <item name="children" xsi:type="array">
                              <item name="summary" xsi:type="array">
                                 <item name="children" xsi:type="array">
                                    <item name="totals" xsi:type="array">
                                       <item name="sortOrder" xsi:type="string">99</item>
                                    </item>
                                    <item name="cart_items" xsi:type="array">
                                       <item name="sortOrder" xsi:type="string">0</item>
                                    </item>
                                 </item>
                              </item>
                           </item>
                        </item>
                     </item>
                  </item>
               </item>
            </argument>
         </arguments>
      </referenceBlock>
   </body>
</page>

输出:

购物车项目下方的购物车总计

结论:

这样,您可以通过在结帐页面中的购物车项目下方移动购物车总数来自定义Magento 2中的结帐页面。


推荐文章