乐道企业网站系统增加在线互动工具功能

本文链接：https://blog.csdn.net/lcradio/article/details/20128357

增加功能初衷：使企业用户使用更方便，添加或者更改在线客服更方便，不需要更改程序代码。

增加对象

1、skype

2、msn

3、旺旺

4、二维码

此处四个功能在前台显示地方为

1、右侧移动在线客服

2、底部联系方式

如图所示

需改动的地方

1、数据库 **_website数据表

2、网站后台

set_web.dwt 后台模板文件

<tr>
<td class=”name”>{:$lang['page']['msn']:}</td>
<td>
<input type=”text” name=”msn” class=”input rounded” value=”{:$web['all_data'][$web['lang']]['msn']:}” size=”40″ />
<img src=”../inc/templates/manage/images/operation/help.png” width=”16″ height=”16″ class=”title2div” title=”{:$lang['page']['msn_title']:}”>
</td>
<td class=”field”>{:literal:}{:$web['msn'][n]:}{:/literal:}</td>
</tr>
<tr>
<td class=”name”>{:$lang['page']['skype']:}</td>
<td>
<input type=”text” name=”skype” class=”input rounded” value=”{:$web['all_data'][$web['lang']]['skype']:}” size=”40″ />
<img src=”../inc/templates/manage/images/operation/help.png” width=”16″ height=”16″ class=”title2div” title=”{:$lang['page']['skype_title']:}”>
</td>
<td class=”field”>{:literal:}{:$web['skype'][n]:}{:/literal:}</td>
</tr>
<tr>
<td class=”name”>{:$lang['page']['wangwang']:}</td>
<td>
<input type=”text” name=”wangwang” class=”input rounded” value=”{:$web['all_data'][$web['lang']]['wangwang']:}” size=”40″ />
<img src=”../inc/templates/manage/images/operation/help.png” width=”16″ height=”16″ class=”title2div” title=”{:$lang['page']['wangwang_title']:}”>
</td>
<td class=”field”>{:literal:}{:$web['wangwang'][n]:}{:/literal:}</td>
</tr>
<tr>
<td class=”name”>{:$lang['page']['erweima']:}</td>
<td>
<div class=”logo”>
<ol><img src=”../inc/templates/manage/images/operation/picture.png” width=”16″ height=”16″ border=”0″ class=”title2div” title=”<img width=’200′ border=’0′ src=’../{:$web['erweima']:}’ />”></ol>
<ol><input type=”text” name=”erweima” id=”erweima” class=”input rounded” value=”{:$web['erweima']:}” size=”20″ /></ol>
<ol><iframe src=”upload.php?dir=other&preview=upload_preview2&return_id=erweima” width=”183″ height=”30″ border=”0″ scrolling=”no” frameborder=”0″></iframe><img src=”../inc/templates/manage/images/operation/help.png” width=”16″ height=”16″ class=”title2div” title=”{:$lang['page']['erweima_title']:}”></ol>
</div>
</td>
<td class=”field”><div id=”upload_preview2″>{:literal:}{:$web['erweima']:}{:/literal:}</div></td>
</tr>

set_web.lang.php 后台语言文件

‘msn’ => ‘MSN帐号：’,
‘msn_title’ => ‘可以填写多个MSN帐号，用逗号隔开。调用：{:$web[\'msn\'][n]:}，<br />n为索引值：0调用第一个MSN帐号,1第二个,2第三个,依此类推。数<br />量不限。’,
‘skype’ => ‘Skype帐号：’,
‘skype_title’ => ‘可以填写多个Skype帐号，用逗号隔开。调用：{:$web[\'Skype\'][n]:}，<br />n为索引值：0调用第一个Skype帐号,1第二个,2第三个,依此类推。数<br />量不限。’,
‘wangwang’ => ‘旺旺帐号：’,
‘wangwang_title’ => ‘可以填写多个旺旺帐号，用逗号隔开。调用：{:$web[\'wangwang\'][n]:}，<br />n为索引值：0调用第一个旺旺帐号,1第二个,2第三个,依此类推。数<br />量不限。’,
‘erweima’ => ‘二维码图片：’,
‘erweima_title’ => ‘上传二维码图片，宽88像素。调用：{:$web[\'msn\'][n]:}，<br />二维码图像显示，多个二维码请整合成一个，宽88像素。’,

3、前台展示

1、skype支持JS

2、lrkf.js 移动在线客服JS

显示在线状态版本（skype需要相关JS支持）

不显示在线状态版本

CSS样式支持

.lrkf .lrkf_box .zxkf_qq{ background:url(images/zxkefu.gif) no-repeat; width:83px; height:26px; display:block;}
.lrkf .lrkf_box .zxkf_msn{ background:url(images/zxkefu.gif) 0px -53px no-repeat; width:83px; height:26px; display:block;}
.lrkf .lrkf_box .zxkf_skype{ background:url(images/zxkefu.gif) 0px -27px no-repeat; width:83px; height:26px; display:block;}
.lrkf .lrkf_box .zxkf_wangwang{ background:url(images/zxkefu.gif) 0px -84px no-repeat; width:83px; height:26px; display:block;}

在线客服图片支持