淘宝CSS把fixed属性屏蔽了,所以现在基本上都不能使用悬浮效果了。只能通过购买模块或者其他方法来实现。最近有很多卖家朋友想要在无线端店铺增加悬浮效果,不知道怎么操作,为此九头蛇电商小编带着教程来了!
首先来给大家介绍下这种方法的优缺点。
优点:无需调用官方一些悬浮的CSS来实现,也不需要担心会失效,可以说会永久使用
缺点:当然既然不是直接写fiexd属性实现,那肯定有自己的缺陷,就是只能实现单个悬浮链接,如果想实现很多分类的链接,那就需要其他方法来破解了。
淘宝手机端悬浮模块
下面是代码:
copyright taoqao
[color=rgb(51, 102, 153) !important复制代码
下面是悬浮使用方法:
1-可以通过淘宝自定义模块背景固定或者直接通过固定背景代码,在页面背景先做出一个悬浮的图片
2-然后将这段代码放进任意一个自定义模块里面,通过调整参数来控制链接的位置
copyright taoqao
粉色为链接的宽度(也就是你悬浮的宽度)
红色为链接距离左边的距离
蓝色为链接距顶距离(不过你一般不需要修改这个)
店铺装修悬浮旺旺客服使用教程:
首先进入获得旺旺使用代码。
1、选择在线状态图片风格
2、填写文字提示信息
3、如果是E客服主号,可选择亮灯是否需要分流
4、点击生成所需要的代码
5、完成看看效果吧。
把生成的代码嵌入到网站或者论坛对应的页面代码中,即可拥有自己的互动状态。
1、进入店铺装修-找到左侧写着“悬浮客服”的模块(一般在最下边)编辑。
点最后边的<>图标,切换到代码状态。把第一步中获得的代码黏贴到里面,然后保存。
再次点击<>图标,切会正常状态,可以看到属于自己的旺旺了。双击图标,图片地址与连接地址是需要的。分别复制下来。地址比较长,请一定要复制完全。双击模版上放好的旺旺图标,用上一步获得的图片地址和连接地址,分别替换新的模块里面图片的相应地址。放好后,上班的旺旺就不在需要了,鼠标右键单击旺旺图标,然后点下Del键,图标就删除了。
最后提醒大家一点,就是悬浮旺旺是淘宝旺铺专业版才特有的功能,使用基础版的卖家朋友们需要先升级到专业版才可以使用,设置了悬浮旺旺,可以引人注意,可以有效地降低客户流失率。
留言与评论(共有 条评论) |