<label for="{{ formId }}-phone">{{ 'contact.form.phone' | t }}</label>
<input type="tel" id="{{ formId }}-phone" name="contact[{{ 'contact.form.phone' | t }}]" pattern="[0-9\-]*" value="{% if form[phone] %}{{ form[phone] }}{% elsif customer %}{{ customer.phone }}{% endif %}">
<!--关注微信公众号「Shopify插件服务」-->
<label for="{{ formId }}-order">{{ 'contact.form.order' | t }}</label>
<input type="text" id="{{ formId }}-order" name="contact[{{ 'contact.form.order' | t }}]"  value="{% if form[order] %}{{ form[order] }}{% elsif customer %}{{ customer.order }}{% endif %}">

这里代码简单解释一下

里面contact.form.phone里面的phone是我们定义的一个内容的名字,你可以自定义任何内容,bepei.com都可以。但是改了的话,后面其他phone也要全部改成bepei.com,相信有一点html基础的人都知道吧。

pattern="[0-9\-]*"这个是一个参数校验,通过正则表达式来让用户输入的内容全部都是符合要求的。比如这里0-9就是必须输入全是数字。正则表达式还有很多用法。有机会再讲解一下。

到这里点击保存以后,页面上就会有相应的表单出来了。

image.jpeg

但是这里会有一个错误translation missing: zh-CN.contact.form.order,意思是在ZH-CN这个语言包里面,没有找到order。很简单,只需要修改一下语言包就行。
同样在代码里面,找到Locales这个文件夹,里面找到zh-CN.json这个文件,在如下位置,增加你自定义的名字即可。比如我自定义的是order,那我增加的就是order。保存发布即可。