订单结账页面-二次开发
订单结账页面-二次开发
对于订单结账页面,逻辑非常多,而且出问题非常致命,另外我们也经常升级这个页面的内容(譬如:添加新的支付渠道) ,因此这个页面,我们是强烈不建议动这里的代码
对于目前的saas,譬如:shopify,订单结账页面是不允许二次开发的。
因此强调一遍,没有非常强烈的需求必须改动,没有比较很强的支持做支持,不要动这个页面!
订单结账页面二次开发
一.满足这些条件,再进行订单结账页面二次开发
- 非常强烈的需求,必须改动才能满足需要
- 公司技术能力很强
- fecify系统升级,自己有测试能力,进行检测下单流程
二.该部分,分为2块:
- 模版文件部分
- js,css等url静态文件
1.模版文件重写
对订单结账页面,每个模版都是一样的,因此我们放到了公用包里面
- 文件路径:fecpx/lib/default_theme_new
- 进入这个文件夹后,可以看到公用包的文件夹,以及里面的文件列表
- 入口文件:layout/checkout.liquid

1.1重写文件
- 在文件路径:fecpx/lib/default_theme_new,可以看到文件列表
- 在商家端后台,在线文件编辑器,进行文件的创建,文件的名称和这里一样(相同的文件夹名称,相同的文件名称,1对1创建好对应)
- 将这里文件的内容复制进去,进行保存
- 然后进行二次开发修改代码文件内容,保存文件内容,保存后,系统将调用这里的文件代码
1.2可以理解:
- 为什么在线编辑器里面不直接显示这些文件? 答:为了安全,这些文件修改出问题后,很致命,隐藏是为了安全
二:js,css等url静态文件
1.文件夹路径:public/dist/front/static/base
- 可以看到这里有很多js和css文件
- 这些文件在商家端后台的代码在线编辑器,是看不到的
2.商家端后台的代码在线编辑器,assets文件夹,创建js或者css文件
- 文件名称和base文件夹下的文件名称一样(相同的文件名称,1对1创建好对应),然后将内容复制,进行保存
- 然后进行二次开发修改代码文件内容,保存文件内容,保存后,模版调用js,css文件,将调用这里的js css文件

注意
1.修改模版代码后,需要刷新缓存,才会生效
2.商家端后台,模版列表,可以添加很多的模版,每一个mirox模版都是隔离的,也就是修改了a,不会影响b
3.文件代码修改,保存后,将使用您修改后的文件,系统文件将忽略。 因此,当系统升级后,如果修改了这个文件,您需要自己比对代码进行处理,自己加代码内容
因此,没有必要,尽量不要做模版文件的二次开发、