[OpenCart]简化会员注册窗体(适用 1.4.x 及 1.5.x)


前几天梅干才刚分享 OpenCart 会员注册窗体简化的方式,没想到在月底就释出 1.5.0 版了。本来以为原本的简化程序也是可以兼容的,但因为模板也不同了,且原本选择国别的下拉选单是有 id 为 country_id 的,但现在新版中也没有了,因此就稍微花一点时间把原本的程序修改了一下:

原本的注册表单域是区分的蛮细的,且是比较不符合台湾这边的使用。其中红色区块的部份就是接下来要隐藏的部份

当套上程序后就~当当:

若您是使用 1.4.x 版的话,要套上的模板为

catalog/view/theme/布景/template/account/create.tpl

catalog/view/theme/布景/template/account/edit.tpl

catalog/view/theme/布景/template/account/addresses.tpl

catalog/view/theme/布景/template/account/address.tpl

1.5.x 则是在

catalog/view/theme/布景/template/account/register.tpl

catalog/view/theme/布景/template/account/edit.tpl

catalog/view/theme/布景/template/account/address_list.tpl

catalog/view/theme/布景/template/account/address_form.tpl

除了把程序一一加到这几个模板中之外,也可以直接存成一个 js 档案,然后放置在 catalog/view/javascript 中,直接在 catalog/view/theme/布景/template/common/footer.tpl 中引用

2011/06/16: 感谢网友 jeff 提出关于结账时的注册问题,以下是针对该问题来修正。

OpenCart 1.5 的结账注册功能是透过 ajax 的方式来加载页面,且像是字段的内容是直接写在 div 中,所以利用单纯的一个外部 js 档案来隐藏这些字段,所以接下来大部份的 script 都是要写在模板中。说实话,如果真的都要修改模板的话,那不如直接把那几个字段换成隐藏域就好。不过为了避免不懂程序的人改挂了,所以接下来笔者一样是会利用jQuery 来隐藏域内容。

打开 catalog/view/theme/布景/template/checkout/register.tpl,并在最下面加入:

接着再打开 catalog/view/布景/template/checkout/address.tpl,并在最下面加入:

接着再打开 catalog/view/theme/布景/template/checkout/guest.tpl,并在最下面加入:

最后打开 catalog/view/theme/布景/template/checkout/guest_shipping.tpl,并在最下面加入:

存盘后就可以收工看效果了。

2012/01/03 更新修正在一般直接註冊時沒有隱藏標籤的問題。

2011/12/04 更新修正在 IE8 中會導致錯誤的問題。

转载自:http://abgne.tw/opencart/opencart-tips/simple-account-register.html

另外请参考:http://www.minwt.com/?p=3123



《[OpenCart]简化会员注册窗体(适用 1.4.x 及 1.5.x)》有1个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注