- N +

opencart 网站提示弹框开发教学

原标题:opencart 网站提示弹框开发教学

导读:

首先明确我们要做的弹框功能是在全网站显示,所以我们把这个功能的代码最好是加载网站前台的comment模板文件里,例如下图 我把这个弹框的代码 加载了header.twig模板文...

文章目录 [+]

首先明确我们要做的弹框功能是在全网站显示,所以我们把这个功能的代码最好是加载网站前台的comment模板文件里,

例如下图 我把这个弹框的代码 加载了header.twig模板文件里,这样它就可以在每个页面上显示了,然后在header模板有加载的css文件里调整 弹框代码的位置和样式。
1.jpg

进阶方法: 我们可以看到上面这种添加方式, 它的文本内容如果要修改只能去修改代码,所以如果想便捷的操作它 ,我们需要把它加在后台去设置,但是加在模块里就比较复杂了,
所以这里给大家介绍一个简单而快捷的方法。
第一步 打开后台设置的 controller文件 和view文件
controller文件:admin\controller\setting\setting.php
view文件 :admin\view\template\setting\setting.twig

然后登录后台并且打开 系统设置的网店设置 我们点击网店设置到这里一栏table表里滑到最底部找到店铺地址这一项


2.png

找到店铺地址这一项,F12或审查元素找到这个字段名,

3.png


然后我们再 去商店设置的controller 文件里找到这个字段 并紧接着它的下面加入字段。
controller文件:

4.png

view文件:
如果后台需要多语言,几点把下图中汉字替换为语言包字段哦。

7.png

6.png

最后一步在header控制器文件中获取提示弹框设置的数据并输出到header模板中:
header 的controller文件获取数据
8.png
view模板文件中输出
9.png

展示效果

10.png

有好的文章希望我们帮助分享和推广,猛戳这里我要投稿

  • 原文地址:ocxd
  • 温馨提示:文章内容系作者个人观点,不代表OC小店对观点赞同或支持。
  • 版权声明:本文转载mineya版权归原作者所有,欢迎分享本文,转载请保留出处!

返回列表
上一篇:
下一篇:

发表评论中国互联网举报中心

快捷回复:

    评论列表 (暂无评论,共2828人参与)参与讨论

    还没有评论,来说两句吧...