系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
在Magento 2的结帐页面上添加自定义侧边栏的步骤：
步骤1：在以下路径中创建“注册.php”文件：
app\code\Vendor\Extension
现在添加以下代码：
<?php \Magento\Framework\Component\ComponentRegistrar::register( \Magento\Framework\Component\ComponentRegistrar::MODULE, 'Vendor_Extension', __DIR__ );
第 2 步：在以下路径内创建一个“模块.xml”文件：
app\code\Vendor\Extension\etc
现在添加以下代码：
<?xml version="1.0"?> <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd"> <module name="Vendor_Extension" setup_version="1.0.0" schema_version="1.0.0"> </module> </config>
第 3 步：在以下路径内创建一个“checkout_index_index.xml”文件：
app\code\Vendor\Extension\view\frontend\layout
现在添加以下代码：
<?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> <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="custom_sidebar" xsi:type="array"> <item name="component" xsi:type="string">Vendor_Extension/js/view/custom_sidebar</item> <item name="displayArea" xsi:type="string">summary</item> <item name="config" xsi:type="array"> <item name="template" xsi:type="string">Vendor_Extension/custom_sidebar </item> </item> </item> </item> </item> </item> </item> </item> </argument> </arguments> </referenceBlock> </body> </page>
第 4 步：在以下路径内创建一个“custom_sidebar.js”文件：
app\code\Vendor\Extension\view\frontend\web\js\view
现在添加以下代码：
define([
'uiComponent',
'ko',
'jquery'
], function (Component, ko, $,) {
'use strict';
return Component.extend({
});
});步骤5：在以下路径内创建一个“custom_sidebar.html”文件：
app\code\Vendor\Extension\view\frontend\web\template
现在添加以下代码：
<div id="opc-sidebar" class="custom" style="background-color: #d6d1d1;"> <h3 style="padding:20px;">Custom Sidebar</h3> </div>
总结：
今天就讲到这里！您已成功实现 如何在Magento 2的结帐页面上添加自定义侧边栏，您可以根据获取数据的需要自由自定义此代码。