请选择 进入手机版 | 继续访问电脑版

完善ecshop自动收缩浮动在线客服代码实现自动更新 [复制链接]

潮儿~爱玲 2013-9-12 20:38:06 查看全部 使用道具 举报 回复

版权信息:站内会员分享作品,仅供学习与参考,版权为原作者所有。
在某项目中客户要求实现右侧漂浮的客服内的信息能够自动更新(后台更新此处也更新),从网上下载的代码,具体见:http://bbs.ecshop.com/thread-92214-1-1.html
然而这个代码有个致命的缺点,因为悬浮代码是调用JS文件,不适用ecshop里的php-dwt-lbi模式,只能手工修改客服代码,这对于普通用户是非常不便的。
我参考了代码,发现其实可以变通解决这个问题,下面以“客服2_UTF_GBK版本”为例:
1、打开ServiceQQ.js文件将document.write输出的语句全部删除保存
2、打开page_footer.lbi,在最末位加入如下代码:
  1. <div align="left"><link href="QQkefu/images/qq.css" rel="stylesheet"
  2. type="text/css" /></div><div align="left"><div class='QQbox' id='divQQbox' ></div><div align="left"><div class='Qlist' id='divOnline'
  3. onmouseout='hideMsgBox(event);' style='display : none;'></div><div align="left"><div class='t'></div></div><div align="left"><div class='con'></div><div align="left"><h2>在线客服</h2></div><div align="left"><ul></div><div align="left"><!-- QQ 号码 {foreach from=$qq item=im} --></div><div align="left">      <li class=odd><!-- {if $im}
  4. --></div><div align="left">      <a
  5. href="http://wpa.qq.com/msgrd?V=1&Uin={$im}&Site={$shop_name}&Menu=yes"
  6. target="_blank"> <img src="http://wpa.qq.com/pa?p=1:{$im}:4" height="16"
  7. border="0" alt="QQ" /> {$im}</a></li></div><div align="left">      <!-- {/if} --></div><div align="left"><!-- {/foreach} 结束QQ号码 --></div><div align="left">      <!-- 淘宝旺旺 {foreach from=$ww
  8. item=im} --></div><div align="left"><!-- {if $im} --></div><div align="left">      <li><a href="http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:u8_url}&s=2" target="_blank">
  9. <img src="http://amos1.taobao.com/online.ww?v=2&uid={$im|escape:u8_url}&s=2" width="16" height="16" border="0" alt="淘宝旺旺" />{$im}</a></li></div><div align="left">      <!-- {/if} --></div><div align="left">      <!--{/foreach} 结束淘宝旺旺
  10. --></div><div align="left"><!-- 客服电话{if $service_phone} --></div><div align="left">      <li style="color:red;font-size:12px;">Tel:{$service_phone}</li></div><div align="left"><!-- 结束客服电话{/if} --></div><div align="left"></ul></div><div align="left"></div></div><div align="left"><div class='b'></div></div><div align="left"></div></div><div align="left"><div id='divMenu' onmouseover='OnlineOver();'><img src='/QQkefu/images/qq_1.png' class='press' alt='QQ客服热线'></div></div><div align="left"></div></div><div align="left"><script language='javascript' src='/QQkefu/ServiceQQ.js' type='text/javascript' charset='gbk'></script></div>
复制代码
也就是把原来需要贴在page_footer.lbi末尾的调用代码中的客服信息直接写入lbi
3、搞定。

全部评论/0 条

只有登录之后才可以评论,请点击这里进行登录

0关注

0粉丝

30作品

发布作品
加入收藏 我要分享

分享到微信

打开微信扫一扫即可将网页分享至微信

分享到论坛或者博客

复制
作者的其他作品查看全部
快速回复 返回顶部 返回列表