如何在 magento 2 的结帐页面上获取步骤名称?
How to get step name on checkout page in magento 2?
我在结帐页面上向 "Order Summary" 添加了一个自定义块。它显示在两个步骤 - 运输和付款。但我需要知道当前步骤是什么。我怎样才能在这个街区得到它?
您可以在自定义块中使用 Magento_Checkout/js/view/progress-bar
组件或 Magento_Checkout/js/model/step-navigator
组件(由进度条使用)template/component。
使用进度条:
var registry = require('uiRegistry'),
progressBar = registry.get('index = progressBar'),
firstStep = progressBar.steps()[0];
progressBar.isProcessed(firstStep); // returns bool, shipping step by default
使用分步导航器:
var stepnav = require('Magento_Checkout/js/model/step-navigator');
stepnav.getActiveItemIndex() // returns int - 0 for shipping & 1 for payment by default
或:
var registry = require('Magento_Checkout/js/model/step-navigator');
registry.isProcessed('shipping'); // returns bool, you are on shipping step
注意:第二步名称默认为payment
PS: 在您自己的组件中,您可以将 Magento_Checkout/js/view/progress-bar
或 Magento_Checkout/js/model/step-navigator
添加到定义列表中:
define(
[
'Magento_Checkout/js/model/step-navigator'
],
function (
stepNavigator
) {
// do something with stepNavigator
}
);
我在结帐页面上向 "Order Summary" 添加了一个自定义块。它显示在两个步骤 - 运输和付款。但我需要知道当前步骤是什么。我怎样才能在这个街区得到它?
您可以在自定义块中使用 Magento_Checkout/js/view/progress-bar
组件或 Magento_Checkout/js/model/step-navigator
组件(由进度条使用)template/component。
使用进度条:
var registry = require('uiRegistry'),
progressBar = registry.get('index = progressBar'),
firstStep = progressBar.steps()[0];
progressBar.isProcessed(firstStep); // returns bool, shipping step by default
使用分步导航器:
var stepnav = require('Magento_Checkout/js/model/step-navigator');
stepnav.getActiveItemIndex() // returns int - 0 for shipping & 1 for payment by default
或:
var registry = require('Magento_Checkout/js/model/step-navigator');
registry.isProcessed('shipping'); // returns bool, you are on shipping step
注意:第二步名称默认为payment
PS: 在您自己的组件中,您可以将 Magento_Checkout/js/view/progress-bar
或 Magento_Checkout/js/model/step-navigator
添加到定义列表中:
define(
[
'Magento_Checkout/js/model/step-navigator'
],
function (
stepNavigator
) {
// do something with stepNavigator
}
);