免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: ourphp8.8.0+ 浮动客服系统位置调整及浮动客服开发的教程说明 [打印本页]

作者: admin    时间: 2023-9-20 17:39
标题: ourphp8.8.0+ 浮动客服系统位置调整及浮动客服开发的教程说明


ourphp8.8.0+ 浮动客服系统位置调整及浮动客服开发的教程说明

问:浮动客服是什么?
答:就是网站右则漂浮在页面上的客服。
如图:


一、增加了电话客服及微信二维码客服。
二、关于开发浮动客服插件
1)ourphp8.0.0+开始,客服插件包的位置变更到 /client/addons/ 目录内(原目录/function/plugs/Service/弃用),请所有使用其它第三方浮动客服插件的,把插件包上传至此目录内。
默认的客服模板:/client/addons/default/

2)开发浮动客服插件,首先在
/client/addons/
目录内新建一个目录,例如:ourphp

把你浮动客服所依赖的CSS、IMAGES、JS等文件,全部放入到/client/addons/ourphp/目录内。
新建浮动客服模板 index.html

在模板中引入你需要的依赖文件。比如:<link rel="stylesheet" href="[.$plugsurl.]YIQI-UI.min.css" type="text/css" />
路径用[.$plugsurl.]标签替代。


模板中调用后台的客服数据代码如下:
                        [.foreach $service as $op.]
                                [.if $op.class == 'qq'.]
                                        <li>
                                                <a class="icoTc" style="BACKGROUND:url([.$plugsurl.]css/button_121.gif) no-repeat center left;" target="_blank" href="tencent://message/?uin=[.$op.number.]&Site=[.$ourphp_web.webhttp.][.$ourphp_web.weburl.]&Menu=yes">[.$op.name.]</a>
                                        </li>
                                [.elseif $op.class == 'aliww'.]
                                        <li>
                                                <a class="icoTc" style="BACKGROUND:url([.$plugsurl.]css/button_122.gif) no-repeat center left;" target="_blank" href="http://amos1.taobao.com/msg.ww?v=2&uid=[.$op.number.]&s=1">[.$op.name.]</a>
                                        </li>
                                [.elseif $op.class == 'skype'.]
                                        <li>
                                                <a class="icoTc" style="BACKGROUND:url([.$plugsurl.]css/button_123.gif) no-repeat center left;" target="_blank" href="skype:[.$op.number.]?add">[.$op.name.]</a>
                                        </li>
                                [.elseif $op.class == 'wechat'.]
                                        <li class="phone">
                                                <img src="[.$op.number.]"><p>[.$op.name.]</p>
                                        </li>
                                [.elseif  $op.class == 'phone'.]
                                        <li class="phone">
                                                <span class="icoTl">[.$op.name.]<br />[.$op.number.]</span>
                                        </li>
                                [./if.]

                        [./foreach.]


具体美化请自行调整HTML代码样式。









欢迎光临 免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://ourphp.net/club/) Powered by Discuz! X3.2