淘宝首页怎么制作类目导航悬浮条?

来源:互联网转载和整理 2024-11-30 04:40:04

淘宝悬浮导航在线制作

看到别人家的店铺首页做的是那样的美观精致,都加了指引客户类目的导航条挂在那里,不论怎么滑动页面 ,它一直处在那个容易看见的位置,提示客户需要哪个产品分类,点击一下就会跳转到客户想要的页面,接下来让小编为你分享一下怎么实现的。

一、上传到淘宝空间

1、首先首页已经做好了 ,只想在做个悬浮条放在上面,首页应清楚首页的尺寸布局,悬浮条什么尺寸比较好,我做的是120*500PX 高度无限制宽度最好是120,这样也是照顾一些显示屏底的客户

2、上面图片是我用PS软件根据需要做的导航条,但是前提示必须保存为PNG格式,就是透明底 ,这样上传之后才不会掩盖页面的其他信息 ,如下图所示

3、图做好了之后,首先上传到淘宝图片空间里 ,这样才方便下面的上传操作 如下图所示

二、添加类目导航悬浮条

图片上传空间之后,就要利用淘宝装修助手上传了 ,首先打开淘宝装修助手,复制空间图片地址,如下图所示

2、复制之后就是上图显示的 ,然后将上面的每个类目都加上链接,就是利用装修助手分别添加上热区,都添加完之后 ,直接点击导出按钮,点击复制代码 如下图所示

3、点击店铺装修,添加自定义模块复制代码预览,完成发布效果图如下所示,是不是这样感觉都导航指引客户 更方便些,更容易引领客户买东西,节省客户想找什么产品的时间 ,以免客户找不到而流失