本主题包含了关于如何自定义现有的结帐步骤观的基本信息。在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
标签:
搜索
标签
study
ab
amap
apache
apahe
awk
aws
bat
centos
CFS
chrome
cmd
cnpm
composer
consul
crontab
css
curl
cygwin
devops
di
docker
docker,docker-compose
ethereum
excel
fiddler
fluentd
framework
front-end
git
gitgui
github
glide
go
golang
gorm
grafana
gzip
ioc
item2
iterm2
javascript
jenkins
jsonp
kafka
laradock
laravel
larval
linux
liunux
log
mac
mac, wi-fi
macos
magento
mariaDB
minikube
mongoDB
msp
mysql
netbeans
nginx
nodejs
nohup
npm
nsq
php
php-fpm
php7
phpstorm
php扩展
Protobuf
python
redis
scp
server
shell
soap
socket
socket5
sql
sre
ssdb
ssh
ssl
study
sublime
swift
system
td-agent
uml
v2ray
vagrant
vagrnat
vim
vpn
vue
vue.js
webpack
webrtc
websocket
webtatic
windows
windows7
word
wps
xdebug
yarn
yii2
yum
zookeeper
世界国家
互联网
以太坊
分类
前端
小程序
打印机
排序算法
搞笑
权限
粤语
缓存
网络
虚拟机
视频
设计模式
项目管理
热门文章
友情链接