本主题包含了关于如何自定义现有的结帐步骤观的基本信息。在Magento的应用程序里,结账是使用通过UI组件来实现的,所以你可以为每个组件通过更改JavaScript实现或模板来自定义这个过程中的每一个步骤,添加或禁用不同的组件。 更改component’s.js文件的实现和模板 添加新组件到结帐布局页面 禁用组件 更改component’s.js文件的实现和模板 要更改用于组件输出的component’s.js文件的实现和模板,你需要在结帐布局页面申明新的文件。要做到这一点,采取以下步骤: 1.在您的自定义模块目录,创建以下新文件:<your_module_dir>/view/frontend/layout/checkout_index_index.xml。 (对于要正确地运行你所定制结帐过程,你的自定义模块应该依赖于Magento_Checkout模块。) 2.在这个文件中,添加以下内容: ... 1.在<Magento_Checkout module_dir>/view/frontend/layout/checkout_index_index.xml文件,找到你需要自定义的组件。复制对应的节点和所有的父节点到<argument>标签。对于你不需要改变的标签,就没有必要把父节点的所有属性和值给留下来。 2.路径更改为组件的.js文件,模板或其他财产。 例: 为该Magento_Shipping模块增加一个展现配送政策信息的链接到配送步骤: <Magento_Shipping_module_dir>/view/frontend/layout/checkout_index_index.xml看起来像以下这个样子: Magento_Shipping/js/view/checkout/shipping/shipping-policy 添加新组件到结帐布局页面 任何被添加在INDEX.XML上的UI组件类似结帐步骤组件添加的方式。 确保你首先声明了这个组件以便可以由父组件正确输出(渲染)它。如果父组件是一个普通的UI组件(UIComponent别名的引用),那么其子组件输出就不需要附带任何条件。但是,如果一个父组件是一个普遍的UI组件的一个扩展,那么子组件的渲染可能会存在某些方式限制。例如,一个组件可以从displayArea(显示区域)渲染一个唯一的子组件。 禁用组件 要想在checkout_index_index.xml里禁用某组件,可以使用以下方法: true

分类: web

标签: