S 【实用贴】一步一步教你如何在手机店铺添加自定义导航条!!_卖家业界观察_门别网
收藏夹门别网 天猫商城网店出售转让 淘宝网店转让出售 京东店铺出售 网店买卖交易平台  


menbie.com 等级:1 / 门别币:979450
发表:2021/10/12 0:32:34  查看:41  回复:0
【实用贴】一步一步教你如何在手机店铺添加自定义导航条!!



最近大家有没有发现手机店铺的流量猛增呢!小编的店铺,现在无线端的访客数已经远远超过了PC端的访客数了呢!这么大的流量,如果不好好地去转化,那确实就是可惜了呀!最近加的一个无线端的交流群,里面好多小伙伴都在问,怎样去自己做一个自定义的导航条。小编琢磨了好久,就找到了一个方法!现在就一步一步来教大家怎样去做!ps:不排除有更加好的办法哈  先上效果图:手机端截图



第一步:制作素材。        首先让你的美工小伙伴,或者你自己动作用PS做好了分类导航的图片。具体大小我用的是:720 x 260像素,我的用预留10像素。具体看图:手机端大小

第二步:压缩图片大小。       相信有很多朋友都会发现,做成代码上传后,展示出来的图片会被系统放大了,于是就做不到成功的效果,需要一直去调试无数次。我这里和大家分享一下小心得。 注意:不要把这个图片去切片,你切片越多,系统的改变也就越多,你只需要直接在这张大图片上用DREAMWEAVER 加热点就可以了。这是又会出现一个问题了,就是结果,长度是合适了,可是高度却被拉长了!!  这是小编发现了一个特点,就是只要不切片做热点的代码,长度是不会变,高度是会被拉长1倍! 于是,聪明的你就知道该怎么半了吧! 没错,就是把我们的图片人为地高度压缩一半! 看图!未标题-102

那这个压缩是怎样做的呢?就是这样!方法

第三步:把你要分类的页面都新建准备好。页面

第四步:提取页面链接,小编的方法比较笨,不排除有更好的方法哈。

点击分享,qq空间,就看到地址了 undefined
qq

地址


 

最后一步! 就是打开DREAMWEAVER,把你的图片,添加热点链接,生成了代码!!

 

 

最最后一步!(不好意思,忘记了还有一步)在后台,新建一个自定义页面,然后在源代码那里,把代码黏贴下去!,保存!发布! 大功告成!源代码
如果还有问题,可以加我的旺旺交流交流哦:  佛山朗塱电子有限公司  ,谢谢!



给楼主点动力吧,已有 0 个人对这内容打赏,关于打赏说明.


收藏主题
推荐连接:淘宝网店价值评估天猫网店评估淘宝0信誉店铺

内容违规投诉举报请联系在线客服QQ:278336453
更多内容>>

下载APP客户端,随时随地上门别,方便卖家网店交易


暂还没有回复,请坐沙发,第一个吃螃蟹吧
  1   首 页
微信卖家交流群

微信扫一扫,纯粹电商人微信交流群,欢迎加入