Board logo

标题: [共享] ECshop两个自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF [打印本页]

作者: bjecshop    时间: 2009-7-14 17:47     标题: ECshop两个自动收缩浮动在线客服代码,QQ客服、在线MSN、旺旺,兼容IE、 FF

本帖最后由 bjecshop 于 2009-8-8 22:09 编辑



由北京OK模板之家 www.ok-moban.com 整理修改

--------------------------------------------------------------------------------
更新:增加客服2红色皮肤
修正:FF3显示不隐藏问题
--------------------------------------------------------------------------------
文件夹OKQQ 或 QQkefu 直接放在商城网站根目录
调用例子:

UTF 调用
  1. <link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />
  2. <script language='javascript' src='OKQQ/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>
复制代码
  1. <link href="QQkefu/images/qq.css" rel="stylesheet" type="text/css" />
  2. <script language='javascript' src='QQkefu/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>
复制代码
========================================
ECshop专用下载:

客服1左侧显示下载:
客服1_GBK_UTF版本.rar (28.63 KB)
----------------------------------------------------------------
客服1右侧显示下载:
客服1_右侧显示_GBK_UTF版本.rar (31.15 KB)
----------------------------------------------------------------
客服2下载:
客服2_UTF_GBK版本.rar (14.67 KB)
----------------------------------------------------------------
客服2红色皮肤下载:
在线客服2红色皮肤插件.rar (20.52 KB)
请先下载客服2,覆盖images文件夹里面的文件
----------------------------------------------------------------
调用说明:
调用说明.rar (285 Bytes)

=========================================


效果如图:
2-1.jpg
2009-7-14 17:47
2-2.jpg
2009-7-14 17:47

1-1.jpg
2009-7-14 17:47
1-2.jpg
2009-7-14 17:47


2.jpg
2009-7-28 14:55
1.jpg
2009-7-28 14:53

================================================
以客服1 utf 在 default 模板应用 为例
操作说明:

1、复制OKQQ目录到商城安装的根目录

2、找到 themes\default\library\page_footer.lbi

在底部加入红色代码


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--底部导航 start-->
<div id="bottomNav" class="box">
<div class="box_1">
  <div class="bNavList clearfix">
   <div class="f_l">
   <!-- {if $navigator_list.bottom} -->
   <!-- {foreach name=nav_bottom_list from=$navigator_list.bottom item=nav} -->
        <a href="{$nav.url}" <!-- {if $nav.opennew eq 1} --> target="_blank" <!-- {/if} -->>{$nav.name}</a>
        <!-- {if !$smarty.foreach.nav_bottom_list.last} -->
           -
        <!-- {/if} -->
      <!-- {/foreach} -->
  <!-- {/if} -->
   </div>
   <div class="f_r">
   <a href="#top"><img src="images/bnt_top.gif" /></a> <a href="../index.php"><img src="images/bnt_home.gif" /></a>
   </div>
  </div>
</div>
</div>
<!--底部导航 end-->
<div class="blank"></div>
<!--版权 start-->
<div id="footer">
<div class="text">
{$copyright}<br />
{$shop_address} {$shop_postcode}
<!-- 客服电话{if $service_phone} -->
      Tel: {$service_phone}
<!-- 结束客服电话{/if} -->
<!-- 邮件{if $service_email} -->
      E-mail: {$service_email}<br />
<!-- 结束邮件{/if} -->
<!-- QQ 号码 {foreach from=$qq item=im} -->
      <!-- {if $im} -->
      <a href="http://wpa.qq.com/msgrd?V=1&Uin={$im}&Site={$shop_name}&Menu=yes" target="_blank"><img src="http://wpa.qq.com/pa?p=1:{$im}:4" height="16" border="0" alt="QQ" /> {$im}</a>
      <!-- {/if} -->
      <!-- {/foreach} 结束QQ号码 -->
      <!-- 淘宝旺旺 {foreach from=$ww item=im} -->
      <!-- {if $im} -->
      <a href="http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:u8_url}&s=2" target="_blank"><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>
      <!-- {/if} -->
      <!--{/foreach} 结束淘宝旺旺 -->
      <!-- Yahoo Messenger {foreach from=$ym item=im} -->
      <!-- {if $im} -->
      <a href="http://edit.yahoo.com/config/send_webmesg?.target={$im}n&.src=pg" target="_blank"><img src="../images/yahoo.gif" width="18" height="17" border="0" alt="Yahoo Messenger" /> {$im}</a>
      <!-- {/if} -->
      <!-- {/foreach} 结束Yahoo Messenger -->
      <!-- MSN Messenger {foreach from=$msn item=im} -->
      <!-- {if $im} -->
      <img src="../images/msn.gif" width="18" height="17" border="0" alt="MSN" /> <a href="msnim:chat?contact={$im}">{$im}</a>
      <!-- {/if} -->
      <!-- {/foreach} 结束MSN Messenger -->
      <!-- Skype {foreach from=$skype item=im} -->
      <!-- {if $im} -->
      <img src="http://mystatus.skype.com/smallclassic/{$im|escape:url}" alt="Skype" /><a href="skype:{$im|escape:url}?call">{$im}</a>
      <!-- {/if} -->
  <!-- {/foreach} --><br />
  <!-- ICP 证书{if $icp_number} -->
  {$lang.icp_number}:<a href="http://www.miibeian.gov.cn/" target="_blank">{$icp_number}</a><br />
  <!-- 结束ICP 证书{/if} -->
  {insert name='query_info'}<br />
  {foreach from=$lang.p_y item=pv}{$pv}{/foreach}{$licensed}<br />
    {if $stats_code}
    <div align="left">{$stats_code}</div>
    {/if}
    <div align="left"  id="rss"><a href="{$feed_url}"><img src="../images/xml_rss2.gif" alt="rss" /></a></div>
</div>
</div>
<link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />
<script language='javascript' src='OKQQ/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>

================================================

附件: 客服1_右侧显示_GBK_UTF版本.rar (2009-8-8 10:28, 31.15 KB) / 下载次数 32152
http://bbs.ecshop.com/attachment.php?aid=25922&k=f8a7521b22c705e9569076d6f6366adf&t=1696403799&sid=e5RIhI

图片附件: 2-1.jpg (2009-7-14 17:47, 33.47 KB) / 下载次数 3000
http://bbs.ecshop.com/attachment.php?aid=25833&k=ef0f43d182dbab39bc504945762dc9a0&t=1696403799&sid=e5RIhI



图片附件: 2-2.jpg (2009-7-14 17:47, 17.25 KB) / 下载次数 2341
http://bbs.ecshop.com/attachment.php?aid=25834&k=8611c879bcc0bff008a16b2124a11992&t=1696403799&sid=e5RIhI



图片附件: 1-1.jpg (2009-7-14 17:47, 36.7 KB) / 下载次数 2208
http://bbs.ecshop.com/attachment.php?aid=25835&k=4d8a9e62a53ebc7e0d4076497888e789&t=1696403799&sid=e5RIhI



图片附件: 1-2.jpg (2009-7-14 17:47, 21.33 KB) / 下载次数 1977
http://bbs.ecshop.com/attachment.php?aid=25836&k=a872d6f1f485b764558a6de85b5cbeff&t=1696403799&sid=e5RIhI



附件: 客服1_GBK_UTF版本.rar (2009-8-8 10:28, 28.63 KB) / 下载次数 25398
http://bbs.ecshop.com/attachment.php?aid=25846&k=57ce5ed94a3599b2cc04f52a7ee7616c&t=1696403799&sid=e5RIhI

附件: 客服2_UTF_GBK版本.rar (2009-8-8 10:28, 14.67 KB) / 下载次数 22655
http://bbs.ecshop.com/attachment.php?aid=25847&k=def4fb72243e06693a4ed7f31cee4277&t=1696403799&sid=e5RIhI

附件: 调用说明.rar (2009-7-14 20:15, 285 Bytes) / 下载次数 30575
http://bbs.ecshop.com/attachment.php?aid=25848&k=60d36962258853c49780dfffd02d5259&t=1696403799&sid=e5RIhI

图片附件: 1.jpg (2009-7-28 14:53, 27.01 KB) / 下载次数 1944
http://bbs.ecshop.com/attachment.php?aid=26369&k=244adb206d4e06712dbc78df20ad8ca8&t=1696403799&sid=e5RIhI



图片附件: 2.jpg (2009-7-28 14:55, 41.66 KB) / 下载次数 2008
http://bbs.ecshop.com/attachment.php?aid=26370&k=6b0fb6a999aa8d087e7211966fdccddd&t=1696403799&sid=e5RIhI



附件: 在线客服2红色皮肤插件.rar (2009-7-28 14:53, 20.52 KB) / 下载次数 18296
http://bbs.ecshop.com/attachment.php?aid=26371&k=953d75f7a61fbc714cac5bf4b1fa0a36&t=1696403799&sid=e5RIhI
作者: dpd566n73    时间: 2009-7-14 18:07

挺好看的,支持
作者: 天蝎的梦想    时间: 2009-7-14 18:40

支持!~~~~~~~~
作者: 钱江渔人    时间: 2009-7-14 19:08

谢谢。喜欢
作者: koala0216    时间: 2009-7-14 19:27

请问代码放哪边?
newred 安装无效
作者: bjecshop    时间: 2009-7-14 19:42

5# koala0216
文件夹OKQQ 或 QQkefu 直接放在商城网站根目录
调用例子:
  1. <link href="QQkefu/images/qq.css" rel="stylesheet" type="text/css" />
  2. <script src="QQkefu/ServiceQQ.js"></script>
复制代码
  1. <link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />
  2. <script src="OKQQ/ServiceQQ.js"></script>
复制代码
把对应代码放在模板 底部就行
作者: koala0216    时间: 2009-7-14 19:51

本帖最后由 koala0216 于 2009-7-14 20:02 编辑

我把代码放在页脚页头模板都不能

OKQQ商品分类全置中显示 交换连结也是置中
QQkefu 会出现客服 可是整个页面靠左了

newred模板 2.62 utf

官方原始模板也是这问题

上述情形请问是哪边出了问题
谢谢你
作者: bjecshop    时间: 2009-7-14 20:01

因为里面CSS有演示的全局控制CSS
所以使布局变乱
稍后我会发布直接模板调用的代码包
包括 GBK 和 UTF 版本
作者: koala0216    时间: 2009-7-14 20:05

感谢你
补字补字
作者: koala0216    时间: 2009-7-14 21:25

本帖最后由 koala0216 于 2009-7-14 21:29 编辑

可以显示了
可是....见图
3.jpg
2009-7-14 21:25


newred这个模板显示的位置 不是在屏幕旁...
这个有解吗?

图片附件: 3.jpg (2009-7-14 21:25, 263.95 KB) / 下载次数 1488
http://bbs.ecshop.com/attachment.php?aid=25849&k=5cddbd88c98b4266e2ac51c3c44d0a77&t=1696403799&sid=e5RIhI


作者: bjecshop    时间: 2009-7-14 21:33

提示: 该帖被管理员或版主屏蔽
作者: uzou    时间: 2009-7-14 21:34

留帖纪念,准备采用!
作者: koala0216    时间: 2009-7-14 21:40

改成
试试
去掉div
bjecshop 发表于 2009-7-14 21:33



原本并没有+上DIV
作者: bjecshop    时间: 2009-7-14 21:56

本帖最后由 bjecshop 于 2009-7-14 22:21 编辑

newred模板 CSS div定位使用的是:
  1. #wrapper { width:950px; background:#fff; margin:0 auto; position:relative }
复制代码
去掉 position:relative 可以浮动不受限制
但是不知道是不是会引起页面错乱
模板制作问题
作者: wudaoshop    时间: 2009-7-14 22:07

效果不错,不过安装和使用上还不太稳定。
作者: koala0216    时间: 2009-7-14 22:20

newred CSS div定位使用的是:#wrapper { width:950px; background:#fff; margin:0 auto; position:relative }去掉 position:relative 可以浮动不受限制
但是不知道是不是会引起页面错乱
模板制作问题
bjecshop 发表于 2009-7-14 21:56

成功了 谢谢你

页面有问题的话我在来回报
作者: locke5316    时间: 2009-7-14 23:34

安装成功。。谢谢分享。。。。。。
作者: ou3503    时间: 2009-7-15 14:52

呵呵,我也试试
作者: abcnic1    时间: 2009-7-15 14:53

效果挺不错的!支持
作者: cwx502    时间: 2009-7-15 15:45

好东西啊
作者: ou3503    时间: 2009-7-15 15:58

不错,试用OK,感谢!
www.52fengmi.com
作者: LiveKer    时间: 2009-7-16 13:51

怎么改成靠右边啊?
作者: sky3969    时间: 2009-7-16 14:44

这是shopex的客服系统
作者: huiner    时间: 2009-7-16 15:49

右边的怎样改?
作者: 风过落叶    时间: 2009-7-16 17:21

谢谢楼主提供,先收藏下。
作者: bjecshop    时间: 2009-7-16 18:12

22# LiveKer
今天晚一些会增加上右侧显示补丁
作者: bjecshop    时间: 2009-7-16 18:13

24# huiner

右侧显示补丁包稍后发布
请注意关注
作者: bjecshop    时间: 2009-7-16 18:27

客服1右侧显示补丁包已经更新
作者: ilcx    时间: 2009-7-16 21:33

好东西,顶一下!
作者: ou3503    时间: 2009-7-17 08:58

楼主,问下,如果把客服1 里面的MSN咨询改为“53KF”,并且进入网店只能看到客服1 的浮动窗口,不知可否实现
作者: bjecshop    时间: 2009-7-17 15:44

30# ou3503
想法不错

你可以试试
直接替换下链接
作者: hao9966    时间: 2009-7-17 18:04

我上传QQOK到安装目录里面了,
可代码怎么放的?模板底部在哪里?代码是直接复制过去的吗?
作者: 2119010    时间: 2009-7-17 18:40

我上传QQOK到安装目录里面了,
可代码怎么放的?模板底部在哪里?代码是直接复制过去的吗?
hao9966 发表于 2009-7-17 18:04

呵呵,我也一样,看着有点摸不着头脑,谁让咱们是新手的,如果能遇到有耐心的人,也许会跟咱们尽量说的详细些的,只能等了。
作者: bjecshop    时间: 2009-7-17 20:09

32# hao9966
拿默认模板为例:

themes\default\library\page_footer.lbi

用记事本直接打开,把调用代码粘贴到底部
作者: hao9966    时间: 2009-7-18 09:08

本帖最后由 hao9966 于 2009-7-18 14:34 编辑

可以了,谢谢!
www.hao9966.com.cn
装是装好了,可模板出了问题。郁闷
看来模板很脆弱,惊不起折腾。
作者: Rings    时间: 2009-7-23 00:02

请问能不能默认是打开状态,不要隐藏的?
作者: bjecshop    时间: 2009-7-23 13:25

本帖最后由 bjecshop 于 2009-7-23 13:27 编辑

36# Rings
你可以修改ServiceQQ.js
找到代码
  1. document.write("<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display :none ;'>");
复制代码
改成:
  1. document.write("<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display :;'>");
复制代码
找到代码
  1. document.write("<div id='divMenu' onmouseover='OnlineOver();'  ><img src='OKQQ/images/qq_1.gif' class='press' alt='在线咨询'></div>");
复制代码
修改为
  1. document.write("<div id='divMenu' onmouseover='OnlineOver();'  style='display :none ;' ><img src='OKQQ/images/qq_1.gif' class='press' alt='在线咨询'></div>");
复制代码

作者: serenity    时间: 2009-7-24 18:32

做个记号
作者: zqfwd    时间: 2009-7-27 02:06

很不错,喜欢
作者: LiveKer    时间: 2009-7-27 17:23

真好,谢谢
作者: bjecshop    时间: 2009-7-28 14:56

客服2增加红色皮肤下载
作者: hjshlovethy    时间: 2009-7-28 18:24

哈哈,不错,支持
作者: royzz    时间: 2009-7-29 11:12

真是不错,支持了!
作者: xker007    时间: 2009-7-30 12:07

谢谢,效果非常好
作者: kklaw    时间: 2009-7-30 22:59

mark一下,备用
作者: aimeet    时间: 2009-7-31 11:19

在IE7中不稳定,有的时候不显示
作者: xuyuangg    时间: 2009-8-1 01:13

怎么回事我的网站怎么弄都在左边我都弄了8个小时了www.youke8.net高手指教 我的QQ44851314
作者: szipcam    时间: 2009-8-2 05:42

好东西支持下
作者: bjecshop    时间: 2009-8-2 09:30

47# xuyuangg

我看了一下是你的css和qq css冲突

请打开style.css删除一下代码:


  1. .QQbox {
  2. Z-INDEX: 99; LEFT: 3px; WIDTH: 170px; POSITION: absolute; TOP: 145px
  3. }
  4. .QQbox .press {
  5. LEFT: 0px; WIDTH: 26px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 136px; BORDER-BOTTOM-STYLE: none
  6. }
  7. .QQbox .Qlist {
  8. LEFT: 0px; WIDTH: 170px
  9. }
  10. .QQbox .Qlist .b {
  11. FONT-SIZE: 1px; FLOAT: left; WIDTH: 170px; HEIGHT: 6px
  12. }
  13. .QQbox .Qlist .infobox {
  14. PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: 700; BACKGROUND: url(/images/siderIM_infobox.gif) #bdc5cb no-repeat; PADDING-BOTTOM: 5px; COLOR: #000; LINE-HEIGHT: 14px; PADDING-TOP: 5px; TEXT-ALIGN: center
  15. }
  16. .QQbox .Qlist .t {
  17. BACKGROUND: url(/images/siderIM_title.gif); HEIGHT: 34px
  18. }
  19. .QQbox .Qlist .b {
  20. BACKGROUND: url(/images/siderIM_bottom.gif); OVERFLOW: hidden; HEIGHT: 9px
  21. }
  22. .QQbox .Qlist .con {
  23. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/images/siderIM_bg.gif); PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 10px
  24. }
  25. .QQbox .Qlist .con H2 {
  26. BORDER-RIGHT: #3a708d 1px solid; BORDER-TOP: #3a708d 1px solid; BACKGROUND: url(/images/siderIM_bg.gif) repeat-y -163px 0px; FONT: bold 12px/22px "宋体"; BORDER-LEFT: #3a708d 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a708d 1px solid; HEIGHT: 22px; TEXT-ALIGN: center
  27. }
  28. .QQbox .Qlist .con UL LI {
  29. PADDING-RIGHT: 5px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
  30. }
复制代码

作者: happyrme    时间: 2009-8-3 11:20

不错,收下了,谢谢!
作者: oifushi    时间: 2009-8-3 22:35

不错的,很好,直得一顶。
作者: oifushi    时间: 2009-8-3 23:15

给楼主建个议,把MSN也加进去吧,试了几下加不起样。
作者: bjecshop    时间: 2009-8-4 11:53

本帖最后由 bjecshop 于 2009-8-4 12:14 编辑

52# oifushi
客服1中有msn代码
添加可以参考客服1中代码
作者: bjecshop    时间: 2009-8-4 22:27

52# oifushi

下载文件:
增加MSN.rar (957 Bytes)

请按照里面操作 增加MSN

附件: 增加MSN.rar (2009-8-4 22:27, 957 Bytes) / 下载次数 2346
http://bbs.ecshop.com/attachment.php?aid=26616&k=c627476d7af98cb276a4c36c65833a6a&t=1696403799&sid=e5RIhI
作者: babyclan    时间: 2009-8-5 00:31

提示: 该帖被管理员或版主屏蔽
作者: bjecshop    时间: 2009-8-5 13:50

提示: 该帖被管理员或版主屏蔽
作者: dslz    时间: 2009-8-6 09:04

本帖最后由 dslz 于 2009-8-6 09:05 编辑

请楼主帮我看看,我做了一些简单的修改出现左下角出现白色。
qqkf.jpg
2009-8-6 09:04

地址:http://www.812988.cn/renzcshop/

css 代码如下:

/* QQ客服 */
.QQbox{ z-index:99; width: 178px; right: 0; top: 145px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 33px; height: 158px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 145px; background: url(qq_listbg.gif) repeat-y -155px 0;  position: absolute;}
.QQbox .Qlist .t,
.QQbox .Qlist .b{ float: left; height: 6px; width: 145px; font-size: 1px; }
.QQbox .Qlist .t{ background: url(qq_listbg.gif) no-repeat left; }
.QQbox .Qlist .b{ background: url(qq_listbg.gif) no-repeat right; }
.QQbox .Qlist .con{ background: #fff; width: 90%; margin: 0 auto; }
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(qq_listbg.gif) repeat-y -163px 0; border: 1px solid #d44f8f; text-align: center; color:#fff;}
.QQbox .Qlist .con ul{  }
.QQbox .Qlist .con ul li{  padding: 5px 0 0 8px;height: 20px; background: #ffffff;}
.QQbox .Qlist .con ul li.odd{ background: #fff; }
/*.QQbox END*/

图片附件: qqkf.jpg (2009-8-6 09:04, 40.68 KB) / 下载次数 1090
http://bbs.ecshop.com/attachment.php?aid=26679&k=05773ed72f11f1afb806e773ad320af1&t=1696403799&sid=e5RIhI


作者: bjecshop    时间: 2009-8-6 10:51

57# dslz

看了一下你的代码更改

你的js里面修改有问题

我把他修改了一下,你下载一下

ServiceQQ.rar (1.32 KB)

附件: ServiceQQ.rar (2009-8-6 10:51, 1.32 KB) / 下载次数 2071
http://bbs.ecshop.com/attachment.php?aid=26681&k=f520dd9ec935709477888ad84a49a44a&t=1696403799&sid=e5RIhI
作者: smallcaptain    时间: 2009-8-6 13:51

提示: 该帖被管理员或版主屏蔽
作者: shixt    时间: 2009-8-6 14:22

收藏。。。。。。。。。。。。。。。。
作者: leguan    时间: 2009-8-6 17:09

我也按照这个安装的,但是在本地上怎么看不到效果呢?
作者: bjecshop    时间: 2009-8-6 21:39

提示: 该帖被管理员或版主屏蔽
作者: bjecshop    时间: 2009-8-6 21:42

61# leguan

你可以说明一下你的操作

或者你在仔细看一下是否有操作细节你疏忽了
作者: tzdsxl    时间: 2009-8-6 22:28

我拿了哦~~谢谢了~~
作者: skyjeef    时间: 2009-8-6 22:29

...能不能用咯?
作者: lovepuer    时间: 2009-8-6 22:35

里面的 工作时间 以及电话号码,怎么修改 ,请赐教!
作者: bjecshop    时间: 2009-8-7 10:58

66# lovepuer

请修改ServiceQQ.js 文件


  1. document.write("<div class='infobox'>我们营业的时间<br>9:00-18:00</div>");
复制代码


  1. document.write('<tr><td><li>咨询电话:010-88888888</li></td></tr>');
复制代码

作者: bjecshop    时间: 2009-8-7 11:35

65# skyjeef
当然能用
我一直使用着
感觉这两个比较好

作者: leguan    时间: 2009-8-7 12:14

我也按照上面说的做了,可是在本地上显示不出来。是不是在本地上显示不出来啊,得上传上去才能显示吗?谁能帮我解决下呢?
作者: leguan    时间: 2009-8-7 12:52

怎么在本地上显示不出来啊,谁能帮我解决下呢?
作者: bjecshop    时间: 2009-8-7 21:52

70# leguan
只要你本地能运行ecshop 就能够显示

请贴出的修改过程
作者: 方联城    时间: 2009-8-7 22:13

支持一下下。
作者: gonghang888    时间: 2009-8-7 22:48

1# bjecshop
我安装了第一种效果.可是好像QQ不在线也显示在线的??
能不能检测到不在线就变灰啊.在线就变采色.这样客户才知道什么时候联系好!
作者: bjecshop    时间: 2009-8-7 23:25

73# gonghang888

代码是检测服务器是否在线的

请仔细查看

不在线是灰色的
作者: taoyo    时间: 2009-8-8 00:27

火狐浏览器中展开后无法关闭,请解决一下。
作者: bjecshop    时间: 2009-8-8 10:31

75# taoyo

问题已经修正

请下载最新版
作者: 老潘    时间: 2009-8-8 11:26

很喜欢   我试下怎么装
作者: 老潘    时间: 2009-8-8 12:36

我是新用户   不懂UTF调用 怎么改  在哪里改   能教下吗
作者: leguan    时间: 2009-8-8 13:22

提示: 该帖被管理员或版主屏蔽
作者: sxt520    时间: 2009-8-8 16:09

大家喜欢我的侧服QQ吗,可以去看下我的店,网址见签名
作者: oashops    时间: 2009-8-8 17:07

能详细点说下你这个QQ客服 是怎么加吗?
是直接用FTP传到指定的文件夹  还是得去哪里改代码呢?
作者: bjecshop    时间: 2009-8-8 21:57

78# 老潘

增加了操作说明
请看一下
作者: bjecshop    时间: 2009-8-8 21:58

81# oashops

需要更改文件 添加代码

请看帖子里面的操作说明
作者: bjecshop    时间: 2009-8-9 13:07

FF3修正版已经更新
作者: baoqiu    时间: 2009-8-9 15:01

哦,不错
作者: andyliang007008    时间: 2009-8-9 16:49

如果能够调用后台设定的各种客服就好了
作者: andyliang007008    时间: 2009-8-9 17:12

改为这样的话,貌似不能调用系统的客服
document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin={$im}&amp;Site={$shop_name}&amp;Menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=1:{$im}:4' alt='QQ' /> {$im}</a></li>");
作者: Vanish    时间: 2009-8-9 17:17

不错啊!鼎力支持~~
作者: songliujie    时间: 2009-8-9 17:53

page_footer.lbi  是全局模板啊   所有的页面都会显示QQ客服  我只想在首页显示 ,放到index.dwt中 看不到效果
要是只想显示在首页该怎么操作  谢谢!
网站:www.paxqt.com
作者: bjecshop    时间: 2009-8-10 09:31

89# songliujie
直接在index.dwt
<!-- #BeginLibraryItem "/library/page_footer.lbi" --><!-- #EndLibraryItem -->
下面
加入代码
作者: andyliang007008    时间: 2009-8-10 15:00

改为这样的话,貌似不能调用系统的客服
document.write(" {$im}");
andyliang007008 发表于 2009-8-9 17:12

LZ能改为调用系统的吗?
作者: 艾香    时间: 2009-8-10 16:30

5# koala0216
文件夹OKQQ 或 QQkefu 直接放在商城网站根目录
调用例子:

把对应代码放在模板 底部就行
bjecshop 发表于 2009-7-14 19:42


把代码放在什么文件名里面呢?
作者: yjw77    时间: 2009-8-10 23:21

请问出来以后,然后怎么把自己的QQ号等添加进去啊?
作者: bjecshop    时间: 2009-8-11 09:46

91# andyliang007008

改不了
是js调用 只能手动添加QQ
作者: bjecshop    时间: 2009-8-11 09:47

92# 艾香

请看操作说明

如有问题请跟帖
作者: bjecshop    时间: 2009-8-11 09:48

93# yjw77

QQ号在ServiceQQ.js 文件中更改

请使用编辑软件 进行更改
作者: ou3503    时间: 2009-8-11 10:39

楼主,我用了你的客服1,并把53客服的代码加了进去:因53客服图片太大,错位了。
document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin=123456&amp;Site=QQ咨询&amp;Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:123456:4'  border='0' alt='QQ' />QQ咨询</a></li>");
document.write('<li><a href="http://chat.53kf.com/company.php?arg=fengmi&style=1" target="_blank"><img src="http://chat.53kf.com/kfimg.php?arg=fengmi&style=1</img><br>点击这里和我直接沟通</a><br><br><br><br></li>');

document.write('<li><a href="http://amos1.taobao.com/msg.ww?v=2&uid=旺旺号码&s=2" target="_blank"><img src="http://amos1.taobao.com/online.ww?v=2&uid=旺旺号码&s=2" width="16" height="16" border="0" alt="淘宝旺旺" />在线旺旺</a></li>');

document.write('<tr><td><li>咨询电话:010-88888888</li></td></tr>');

详见www.52fengmi.com

我原本是想放到旺旺下面的,但放在下面根本看不到客服图片,只有代码,请楼主指导一下,不胜感谢
作者: ou3503    时间: 2009-8-11 10:41

补充说明一下,楼主的这个客服很好用,我之前没加53KF用起来正常。
作者: bjecshop    时间: 2009-8-11 13:09

97# ou3503

你可以直接写些文字 或者 自己自定义一个图片

你的客服代码是
http://chat.53kf.com/company.php?arg=fengmi&style=1

文字可以修改成:

  1. document.write('<li><a href="http://chat.53kf.com/company.php?arg=fengmi&style=1" target="_blank">53客服咨询</li>');
复制代码


如果53客服后台支持自定义图片 你可以定义一个和qq图标大小的图片
作者: ou3503    时间: 2009-8-11 21:24

搞定,是我的代码出了问题,谢谢




欢迎光临 ECShop电商系统交流论坛 (http://bbs.ecshop.com/) Powered by Discuz! 7.2