当前位置: 技术文章>> Magento 2:如何在结帐的运输步骤中显示订单摘要

文章标题:Magento 2:如何在结帐的运输步骤中显示订单摘要
  • 文章分类: Magento
  • 12924 阅读
系统学习magento二次开发,推荐小册:《Magento中文全栈二次开发 》

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


在Magento 2中结帐的运输步骤中显示订单摘要的步骤:

步骤1:首先,在给定的以下路径的视图文件夹中创建一个requires-config.js文件

app\code\Vendor\Extension\view\frontend

现在添加代码,如下所示

var config = {
    config: {
        mixins: {
            'Magento_Checkout/js/view/summary/abstract-total': {
                'Vendor_Extension/js/view/summary/abstract-total-mixins': true
            }
        }
    }
};

步骤2:在第二步中,在以下路径的Web文件夹中创建一个抽象的总混合.js文件

app\code\Vendor\Extension\view\frontend\web\js\view\summary  

并嵌入以下代码片段

define([], function () {
    'use strict';
     var mixin = {
 
        isFullMode: function () {
            if (!this.getTotals()) {
                return false;
            }
            return true;
        }
    };
 
    return function (target) {
        return target.extend(mixin);
    };
});

步骤3: 清除Magento缓存,之后,您可以在结帐发货页面的右侧看到订单摘要侧边栏。

结帐的运输步骤中的订单摘要

结论:

因此,使用上述方法,您可以在Magento 2中结帐的运输步骤中显示订单摘要。您还可以通过在Magento 2中添加自定义内容来自定义结帐订单摘要。


推荐文章