疯狂的美工淘宝天猫装修助手,淘宝和天猫专用的代码生成器你值得拥有!了解详情
现在位置:首页 » 自由布局教程 » 京东店招导航或模块上实现自定义搜索框,搭配热区组件给图片添加多链接操作演示
X

京东店招导航或模块上实现自定义搜索框,搭配热区组件给图片添加多链接操作演示

分享到:

作者:陈俊    日期:2016-8-2 11:03   人气:9500    分类:自由布局教程

京东店铺招牌或店招导航上如何自定义实现搜索框?一直有人问京东店铺怎么实现页面上或店招上还是模块上加个搜索功能,现在有了,且实现也简单,这个搜索框功能可以不需要自己做图片的搜索框了,只需要调节对应的参数就可以实现不同颜色的搜索框哦,操作也非常简,可以设置预置文字等,下面我们讲讲操作搜索框组件需要注意的事项吧 !

JD店铺上自定义实现搜索框代码的方法来了,疯狂的美工京东自由布局工具搜索框组件搭配咚咚客服组件及热区组件使用方法,实现模块上自定义实现动态客服及搜索栏效果实操演示!通过这节课程学习用疯狂的美工京东自由布局工具可自定义实现咚咚动态客服的添加同时还搭配热区组件加多链接及自定义图片样式搜索框。

未标题-2.jpg

准备工作:准备好要用到图片,动态咚咚客服头像不用设计在图片上,直接调用自由布局工具中的样式即可,自定义设计的搜索框调好位置后勾上搜索框整体透明。选中已经添加的组件鼠标右键可以删除对应组件,按快捷键 alt+方向键可以微移对应组件,如果觉得操作得不错可以右上角保存操作记录到本地哦~
温馨提示:图片空间图片地址复制出来后要手动加上前缀http:(冒号是英文状态下打哦)或者放到浏览器中打开一下图片地址会自动加上,再复制到工具中操作即可
搜索框要加所有宝贝链接地址,咚咚客服链接要加店铺首页带ID的地址,链接一定要加对,链接如果加错了就会无法联系客服或搜索框失效
如果是店招导航上要做自定义搜索框图片尺寸设计1920x40,如果是店铺招牌上要做自定义搜索框图片尺寸设计1920x110
疯狂的美工京东自由布局工具软件最新版下载地址:https://www.fkdmg.com/gongju/2696.html

以下是图文教程演示,查看上方视频教程更加详细哦。


首先呢我们要选择到这个组建哈,选中组件后,在你要显示搜索框的位置点击就可以搜索框了,当然如果不要可以鼠标右键删除的 

请看下图:

1.png

然后根据自己的需求 调试您所需要的颜色,及配置对应的文字等 , 其他参数比如文字大小,边框颜色,,边框背景色,按钮文字,及文字颜色等都可以按自己需求调节哦,还有搜索框按钮也可以在左边了哦,按钮可以移动

2.png

如果不喜欢用颜色的搜索框那么也可以放自己设计的搜索框底图,,然后将搜索框的输入框和搜索按钮覆盖到你设计的搜索框底图上方即可。设置好后请勾选属性栏里下方的搜索框整体透明按钮,就可以显示你设计的底图了,如果底图上设计了搜索两字可以把按钮文字的搜索去掉。

3.png4.png

最后要注意的就是店铺地址的格式一定要对,店铺地址格式是输入所有宝贝的地址,不是其他地址哦,
这样装到店铺中的时候才能搜索到对应关键词的宝贝,不然无法搜索到哦

5.png

以下是怎么正确获取京东店铺所有宝贝链接地址的方法:

京东店铺装修如何正确复制获取所有商品也就是所有宝贝的链接地址
http://www.jdzhushou.com/jyfx/211.html

    疯狂的美工小程序码

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

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