这个是客服的升级版,有以下几个功能:
1、客服的样式有四种颜色可选:蓝、红、灰、绿
2、客服居左或居右可选
3、客服距离顶部距离及宽度可以设置
4、QQ客服的图标样式可选
5、客服滚动或固定可选
6、可收缩,默认展开或收缩可选
7、增加了一个热线电话
另外在使用上,较之前的版本也更加简单,详细使用方法如下:
1、下载:http://jiyuan.name/uploads/file/130428090001.rar
解压后,将kefu3文件夹上传到templets下。
2、打开header.tpl,在</head>之前添加如下代码:
<link rel="stylesheet" type="text/css" href="{$siteurl}/templets/kefu3/red.css"/><!--四色可选,red.css改为 blue.css/gray.css/green.css即可-->
<script language="javascript" src="{$siteurl}/images/jq.js"></script> <!--jquery集,不要重复调用-->
<script language="javascript" src="{$siteurl}/templets/kefu3/jquery.Sonline.js"></script>
{literal}
<script type="text/javascript">
$(function(){
$().Sonline({
Position:"right",//left或right
Top:100,//顶部距离,默认200px
Width:165,//宽度,默认200px
Style:1,//图标的显示风格共6种风格,默认显示第一种:1
Effect:true, //滚动或者固定两种方式,布尔值:true或false
DefaultsOpen:true, //默认展开:true,默认收缩:false
Tel:"400-000-0000",//其它信息图片等
Qqlist:"413759461|售前咨询,413759461|售前咨询,413759461|售后咨询,413759461|技术支持,413759461|建议/投诉" //多个QQ用','隔开,QQ和客服名用'|'隔开
});
})
</script>
{/literal}
3、上传header.tpl。
出处:http://jiyuan.name/