In SCA, the view or template of all checkout pages may be the same. In such cases, we need to identify different pages with class names or IDs to create different UIs on the checkout pages.
The variable {{currentStep}} can be set as class or id on corresponding template file
_.extend(WizardView.prototype, {
getContext: _.wrap(WizardView.prototype.getContext, function (fn) {
var context = fn.apply(this, _.toArray(arguments).slice(1));
var currentStep = this.wizard.currentStep;
context.currentStep = currentStep;
return context;
})
});