您的位置:首页 > 编程语言

旗舰版黑色窄版细条淘宝悬浮旺旺客服代码

2014-02-10 22:01 274 查看
悬浮模板代码下载地址:http://d.yubaibai.com.cn/201107/7/2327155993.rar

使用说明:

(1)把压缩包里的“悬浮旺旺css代码.txt”文件里的代码放进你店铺的“完全自定义”里(这个只有旗舰版店铺才有的,其他版本店铺就不要往下看了)。

.tb-shop .fd_service{position:fixed !important;}

.tb-shop .fd_service_box{position:absolute;margin-left:760px;}

备注:完全自定义在店铺装修后台顶部的“模板”--“背景设置”里可以看到

(2)把压缩包里的“悬浮旺旺html代码.txt”文件里的代码放进淘宝自定义模块里,我们测试时分别在淘宝首页和宝贝详情页添加了右侧自定义模块并将代码安装在里面。

<div class="tb-shop">

<div class="fd_service" style="top: 191px">

<div class="fd_service_box" style="z-index: 500; width: 40px">

<table border="0" cellpadding="0" cellspacing="0" width="40">

<tr>

<td background="http://mb2.yubaibai.com.cn/201107/7/xfkf00201.jpg" height="30" style="font-size: 12px; color: #ffffff; padding-top: 12px; text-align:

center" valign="top">客服</td>

</tr>

<tr>

<td background="http://mb2.yubaibai.com.cn/201107/7/xfkf00202.jpg" height="70" style="padding-right: 5px; padding-left: 5px;

padding-bottom: 5px; padding-top: 0px; text-align: center" valign="top">客服<br />

售后<br />

旺旺在线代码1<br />

旺旺在线代码2<br />

旺旺在线代码3<br />

旺旺在线代码4<br />

批发<br />

旺旺在线代码5<br /></td>

</tr>

<tr>

<td><a class="tb-fav J_PopupTrigger collection xshop_sc J_TDialogTrigger J_TokenSign" href="店铺收藏地址" target="_blank"><img alt="点击收藏本店!"

border="0" height="40" src="http://mb2.yubaibai.com.cn/201107/7/xfkf00203.jpg" width="40" /></a></td>

</tr>

</table>

</div>

</div>

</div>

</div>

(3)html代码中的“旺旺在线代码1”----“旺旺在线代码5”需替换你自己的旺旺小图标格式的代码。旺旺代码在线生成地址见:http://daohang.yubaibai.com.cn/wangwang/

(4)html代码中的“店铺收藏地址”需替换你自己店铺的收藏地址

原文链接:http://www.yubaibai.com.cn/html/taobaoxuanfukefu/kefu_2104.html

淘宝悬浮旺旺代码安装到宝贝描述后跑到左边的解决办法

在原有代码的顶部加上“<DIV class=tb-shop>”,最底部加上“</DIV>”即可解决。

(1)顶部加上“<DIV class=tb-shop>”

(2)底部加上“</DIV>”
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: