2024年11月手机淘宝店铺导航栏怎么设置(店铺导航条制作教程)

发布时间:

  ⑴今天小卓来带大家再get一项新技能,如果您之前一直关注我们的头条号的话,您今天的内容应该不会太陌生,那就是利用代码,将我们淘宝店的导航栏装修的漂亮、酷炫一点,比如下图

  ⑵您可能会想,方法有很多种啊,但小卓想,现在在看这篇文章的童鞋有很多,大多数还是不会的,所以今天分享的就是用最简单易学的方法,让大家做出这种效果,如下图展示。

  ⑶接下来就开始制作吧,首先需要准备一点素材,在上图中,鼠标每次移动到"HOME"位置后,就会变成“首页”,那么,这里就要准备两张图,还有店招的背景图,都准备好了,就上传到自己店铺的“图片空间”里面吧。如下图

  ⑷如果您已经上传成功,那么后面的工作就简单了,其实原理就是以背景图为底,在背景图上叠加会自动变化的图片而已

  ⑸接下来打开一个制作需要用到的工具“码工助手”(可以百度搜索哦,进入“在线布局”页面后

  ⑹将你刚刚在图片空间上传的店招图片链接复制粘贴到下面的“背景图”位置,同时调整图片尺寸,此时你的背景图就出来了

  ⑺接下来两步就OK了,第一步点击“正反面”,弹出图片后双击,就会弹出一个输入框,将你刚刚在图片空间里做好的“HOME”和“首页”两张图的链接分别复制粘贴进对应的输入框里,同时别忘记要把跳转的链接添加进来哦。

  ⑻如果你按刚刚小卓说做好了,此时就会出现如下的效果了,是不是很简单,接下来从新重复上面的操作,把“ALL”和“所有宝贝”的正反面也添进去。

  ⑼当您把需要的导航都添好之后,就点击右上角的“生成代码”(注意:一定要先登陆哦,然后复制代码。

  ⑽将刚刚生成的代码粘贴到自己淘宝店的店招位置就算完成了

  ⑾具体方法:登陆淘宝网——卖家中心——店铺装修——双击店招——自定义标题——源码——粘贴代码——高度PX——保存。

  ⑿做好上面的工作后就可以点击保存预览一下效果了,是不是和下图一样呢

  ⒀是不是看着很简单呢,当然,如果实际操作,没有经验的您第一次可能会比较慢哦,不过练几次就好了,希望小卓这次分享的内容会为大家带来帮助。