ECshop两个自动收缩浮动在线客服代码，QQ客服、在线MSN、旺旺，兼容IE、 FF
[i=s] 本帖最后由 bjecshop 于 2009-8-8 22:09 编辑 [/i][size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000]由北京OK模板之家 [/color][/size][url=http://www.ok-moban.com/][size=4][color=black]www.ok-moban.com[/color][/size][/url] [size=4][color=red]整理修改[/color][/size]
--------------------------------------------------------------------------------
[size=4][color=red][b]更新：增加客服2红色皮肤[/b][/color][/size]
[color=red][b][size=4]修正：FF3显示不隐藏问题[/size][/b]
[/color]--------------------------------------------------------------------------------
文件夹OKQQ 或 QQkefu 直接放在商城网站根目录
调用例子：
UTF 调用[code]<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>[/code][code]<link href="QQkefu/images/qq.css" rel="stylesheet" type="text/css" />
<script language='javascript' src='QQkefu/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>[/code]========================================
ECshop专用下载：
[b][size=3][color=red]客服1左侧显示下载：[/color][/size][/b]
[attach]25846[/attach]
----------------------------------------------------------------
[size=3][color=red][b]客服1右侧显示下载：[/b][/color][/size]
[attach]25922[/attach]
----------------------------------------------------------------
[size=3][color=red][b]客服2下载：[/b][/color][/size]
[attach]25847[/attach]
----------------------------------------------------------------
[b][size=3][color=#ff0000]客服2红色皮肤下载：[/color][/size][/b]
[attach]26371[/attach]
请先下载客服2，覆盖images文件夹里面的文件
----------------------------------------------------------------
[size=3][color=red][b]调用说明：[/b][/color][/size]
[attach]25848[/attach]
[color=#ff0000][/color]=========================================
效果如图：
[attach]25833[/attach][attach]25834[/attach]
[attach]25835[/attach][attach]25836[/attach]
[attach]26370[/attach] [attach]26369[/attach]
================================================
[size=5][color=red]以客服1 utf 在 default 模板应用 为例[/color][/size]
[size=5][color=red][b]操作说明：[/b][/color][/size]
1、复制OKQQ目录到商城安装的根目录
2、找到 themes\default\library\page_footer.lbi
在底部加入红色代码
[quote]
<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="[url=http://wpa.qq.com/msgrd?V=1&Uin={$im}&Site={$shop_name}&Menu=yes]http://wpa.qq.com/msgrd?V=1&Uin={$im}&Site={$shop_name}&Menu=yes[/url]" target="_blank"><img src="[url=http://wpa.qq.com/pa?p=1:{$im}:4]http://wpa.qq.com/pa?p=1:{$im}:4[/url]" height="16" border="0" alt="QQ" /> {$im}</a>
<!-- {/if} -->
<!-- {/foreach} 结束QQ号码 -->
<!-- 淘宝旺旺 {foreach from=$ww item=im} -->
<!-- {if $im} -->
<a href="[url=http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:u8_url}&s=2]http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:u8_url}&s=2[/url]" target="_blank"><img src="[url=http://amos1.taobao.com/online.ww?v=2&uid={$im|escape:u8_url}&s=2]http://amos1.taobao.com/online.ww?v=2&uid={$im|escape:u8_url}&s=2[/url]" width="16" height="16" border="0" alt="淘宝旺旺" />{$im}</a>
<!-- {/if} -->
<!--{/foreach} 结束淘宝旺旺 -->
<!-- Yahoo Messenger {foreach from=$ym item=im} -->
<!-- {if $im} -->
<a href="[url=http://edit.yahoo.com/config/send_webmesg?.target={$im}n&.src=pg]http://edit.yahoo.com/config/send_webmesg?.target={$im}n&.src=pg[/url]" 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="[url=http://mystatus.skype.com/smallclassic/%7B$im%7Cescape:url]http://mystatus.skype.com/smallclassic/{$im|escape:url[/url]}" alt="Skype" /><a href="skype:{$im|escape:url}?call">{$im}</a>
<!-- {/if} -->
<!-- {/foreach} --><br />
<!-- ICP 证书{if $icp_number} -->
{$lang.icp_number}:<a href="[url=http://www.miibeian.gov.cn/]http://www.miibeian.gov.cn/[/url]" 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>
[color=red]<link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />[/color]
[color=red]<script language='javascript' src='OKQQ/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>[/color]
[/quote]
================================================ 挺好看的，支持 支持！~~~~~~~~ 谢谢。喜欢 请问代码放哪边?
newred 安装无效 [b][url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=380673&ptid=92214]5#[/url] [i]koala0216[/i] [/b]
文件夹OKQQ 或 QQkefu 直接放在商城网站根目录
调用例子：[code]<link href="QQkefu/images/qq.css" rel="stylesheet" type="text/css" />
<script src="QQkefu/ServiceQQ.js"></script>[/code][code]<link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />
<script src="OKQQ/ServiceQQ.js"></script>[/code]把对应代码放在模板 底部就行 [i=s] 本帖最后由 koala0216 于 2009-7-14 20:02 编辑 [/i]
我把代码放在页脚页头模板都不能
OKQQ商品分类全置中显示 交换连结也是置中
QQkefu 会出现客服 可是整个页面靠左了
newred模板 2.62 utf
官方原始模板也是这问题
上述情形请问是哪边出了问题
谢谢你 因为里面CSS有演示的全局控制CSS
所以使布局变乱
稍后我会发布直接模板调用的代码包
包括 GBK 和 UTF 版本 感谢你
补字补字 [i=s] 本帖最后由 koala0216 于 2009-7-14 21:29 编辑 [/i]
可以显示了
可是....见图
[attach]25849[/attach]
newred这个模板显示的位置 不是在屏幕旁...
这个有解吗? [code]<div align="center"><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></div>[/code]改成[code]<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>[/code]试试
去掉div 留帖纪念，准备采用！ [quote]
改成
试试
去掉div
[size=2][color=#999999]bjecshop 发表于 2009-7-14 21:33[/color] [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=380737&ptid=92214][img]http://bbs.ecshop.com/images/common/back.gif[/img][/url][/size][/quote]
原本并没有+上DIV [i=s] 本帖最后由 bjecshop 于 2009-7-14 22:21 编辑 [/i]
newred模板 CSS div定位使用的是：[code]#wrapper { width:950px; background:#fff; margin:0 auto; position:relative }[/code]去掉 position:relative 可以浮动不受限制
但是不知道是不是会引起页面错乱
模板制作问题 效果不错，不过安装和使用上还不太稳定。 [quote]newred CSS div定位使用的是：#wrapper { width:950px; background:#fff; margin:0 auto; position:relative }去掉 position:relative 可以浮动不受限制
但是不知道是不是会引起页面错乱
模板制作问题
[size=2][color=#999999]bjecshop 发表于 2009-7-14 21:56[/color] [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=380756&ptid=92214][img]http://bbs.ecshop.com/images/common/back.gif[/img][/url][/size][/quote]
成功了 谢谢你
页面有问题的话我在来回报 安装成功。。谢谢分享。。。。。。 呵呵，我也试试 效果挺不错的！支持 好东西啊 不错，试用OK,感谢！
[url]www.52fengmi.com[/url] 怎么改成靠右边啊? 这是shopex的客服系统 右边的怎样改？ 谢谢楼主提供，先收藏下。 [b] [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=382064&ptid=92214]22#[/url] [i]LiveKer[/i] [/b]
今天晚一些会增加上右侧显示补丁 [b] [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=382157&ptid=92214]24#[/url] [i]huiner[/i] [/b]
右侧显示补丁包稍后发布
请注意关注 [color=Red]客服1右侧显示补丁包已经更新[/color] 好东西，顶一下！ 楼主，问下，如果把客服1 里面的MSN咨询改为“53KF”,并且进入网店只能看到客服1 的浮动窗口，不知可否实现