疯狂的美工淘宝天猫装修助手,淘宝和天猫专用的代码生成器你值得拥有!了解详情
现在位置:首页 » 自由布局教程 » 疯狂的美工京东自由布局工具之关注按钮组件的使用方法
X

疯狂的美工京东自由布局工具之关注按钮组件的使用方法

分享到:

作者:陈俊    日期:2016-8-2 14:16   人气:6431    分类:自由布局教程

很多美工朋友在问京东商城店铺怎么实现关注功能,怎么获取关注链接,怎么自定义做关注,此功能就是针对这个开发的,店招上如何实现动态GIF图片,比如有HOT,NEW图标的跳动图片怎么添加。京东自由布局关注只需要拖动鼠标把关注按钮放到你要的位置就可以了,当然你也可以自己设计关注按钮图片,替换掉软件里预置的图片即可。

疯狂的美工京东自由布局工具关注组件使用方法,实现店铺招牌上自定义添加关注按钮及加多链接, 店招上插入动态hot及NEW图标演示,通过这节课程学习用疯狂的美工京东自由布局工具可自定义实现店铺招牌上添加关注按钮,及搭配热区组件给招牌加入多链接及GIf动态小图标。除了用在店招上也可以用在店招下方位置哦。

关注.jpg

准备工作:准备好要用到图片,店铺招牌上使用设计1920x110px尺寸,店招导航上加关注的话设计1920x40px尺寸,然后到自由布局工具中操作即可。如果要加GIF动态小图标设计好单个小图就行,自己设计的关注图片时,关注按钮要单独切出来,不支持画热区加链接
温馨提示:图片空间图片地址复制出来后要手动加上前缀http:(冒号是英文状态下打哦)或者放到浏览器中打开一下图片地址会自动加上,再复制到工具中操作即可
关注按钮链接要加店铺首页带ID的地址,链接一定要加对,链接如果加错了就会点击关注了,自定义关注支持首页和二级页显示,详情页不支持点击关注哦。


疯狂的美工京东自由布局工具(含助手)最新版下载地址:https://www.fkdmg.com/gongju/2696.html 

以下是图文步骤演示,看完视频还不懂可以结合图文巩固一下关键几步

用自由布局非常的方便,可以实现用在店招上,也可以实现用在海报上,你只需要选中组件鼠标左键单击放在你要放的位置就Ok了,注意店铺地址一定要写正确哦,请填写店铺带ID首页地址。

1.png

操作完软件右上角点击生成代码装店铺发布就Ok了

下面演示一下在店招上用的方法,及注意事项,首先把店招的图片地址放到模块背景那,招牌上用的尺寸是1920x110px,如果是导航上用尺寸是1920x40px,按自己需求关注要做在哪个位置比较合适,教程演示的是在招牌上用的

QQ截图20171123142015.jpg 

1、把店招招牌地址填写到模块背景那后,就是添加关注按钮了,特别注意,关注上面不能加其他组件,也不能画热区否则没有关注效果,先左侧工具栏里选中关注按钮组件到店招招牌任意位置鼠标左键单击把按钮组件调出来,如果觉得预置的按钮图你满意可以直接用,如果你不喜欢可以自己设计按钮图片上传京东图片空间复制图片地址替换成你自己要用的关注按钮图片即可,如果是png图软件里是有白显示,装店铺正常~

2、替换好按钮地址后就是要放店铺首页链接了。这样才能关注到你的对应店铺,链接要怎么获取呢可以到首页获取店铺地址,切记要带ID的地址才是对的。如果不确定地址是否对可以到装修后台获取带ID的店铺地址,装修后台后台复制的地址自己怎么去加上http:即可啦!,有疑问看下图

3、点击店铺装修,基础页,鼠标放到更多操作可看到推广地址,点击就可以获取复制到店铺原始首页链接地址啦

别的地方要加链接的画热区加好链接,一切操作完就是生成代码装店铺了,要装招牌就把代码装店铺招牌里即可啦!是不是很简单,不需要切片不需要用到DW就轻松实现了京东关注,赶紧去试试吧~

    疯狂的美工小程序码

疯狂的美工阿里巴巴装修助手

  如果觉得我们软件不错您可以: 立即购买 下载看看 联系客服