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代码样式。