最近手头有个站点用到 WordPress 一款电子商务插件 WooCommerce ,突然发现国内有关 WooCommerce 的中文资料少的可怜,但还好有谷歌。这篇文章意在记录一个问题,在默认的 WooCommerce 的结算页面上自定义(删除/添加)表单元素。

简化购物流程 Woocommerce 结算页面自定义表单元素-续笔记自媒体

WooCommerce 默认的结算(checkout)页面上的表单元素(fields)比较繁多,如国家、地址(精确到了省、市、镇)、姓名、邮编、电话、电子邮箱等等。但在实际项目需求中,可能不想显示那么多的 fields 。如果是卖虚拟商品的话,站在用户体验的角度上来看,fields 表单更需要简化。WooCommerce 中定义这些表单元素(fields)的函数,可以使用 notepad++ 等编辑器来修改。

简化购物流程 Woocommerce 结算页面自定义表单元素-续笔记自媒体

使用 notepad++ 搜索并定位语法区域

通过注释来隐藏公司名称、城市名、国家、省份、邮编等表单内容,以隐藏公司名称、国家为例(请举一反三)

将电子邮箱设置为全宽:

定义表单必填和非必填:

给表单添加备注说明:

地址 2 栏修改为超市门店取货信息,栏目设定为选填(请举一反三)

 

转载请注明来源:

续笔记自媒体 http://xubiji.com/6288.html