您现在的位置是:孟垂博自媒体博客 ✈ 学习笔记
淘宝店铺店标图片直接设置导航链接方法
07-30最后更新时间:2024-07-24【已收录】人已围观收藏
简介淘宝店标图片是没法直接加链接的,而淘宝自带的导航链接又比较难看,所以现在很多人都把导航链接直接弄到店标图片上了,这就需要专门的方法去自己添加点击链接。
店标增加链接方法步骤(以及注意事项)如下:
1.店标的图片长宽:990,150px
2.打开在线网址:https://www.yymoban.com/tool/rq/ (图片热区制作工具)
把图片地址复制到地址框,然后点击载入图片:如图
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/631ba7683b0d905e89ab0eab1f8f1e6f.jpg)
通过拖拉在图片相应位置建立热区框,可以设置任意多个。然后双击每个热区框,填入相应的跳转链接。
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/809ce0506effa13a22bbdd7c3dad5df4.jpg)
设置完成,点击生成代码,全选复制,然后去淘宝店铺编辑后台。
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/ffb56b89d611df43d660dad9f403f703.jpg)
点击店标编辑按钮
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/e7a378fdf20aa66b012eebbb60fafa51.jpg)
然后点击下图标记的位置切换到代码模式,直接把平台生成的代码复制进去。高度设置150px(平台默认的是120px,这里为了是把官网自带的导航条挤掉),最后保存即可。
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/4c9d6875dc7ab0d6fbf7d9b7717de9ea.jpg)
常见问题:
有可能导航条不居中;可以搜索代码:margin-left:50%;left:-495px;
直接删掉,然后保存就可以了。
1.店标的图片长宽:990,150px
2.打开在线网址:https://www.yymoban.com/tool/rq/ (图片热区制作工具)
把图片地址复制到地址框,然后点击载入图片:如图
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/631ba7683b0d905e89ab0eab1f8f1e6f.jpg)
通过拖拉在图片相应位置建立热区框,可以设置任意多个。然后双击每个热区框,填入相应的跳转链接。
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/809ce0506effa13a22bbdd7c3dad5df4.jpg)
设置完成,点击生成代码,全选复制,然后去淘宝店铺编辑后台。
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/ffb56b89d611df43d660dad9f403f703.jpg)
点击店标编辑按钮
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/e7a378fdf20aa66b012eebbb60fafa51.jpg)
然后点击下图标记的位置切换到代码模式,直接把平台生成的代码复制进去。高度设置150px(平台默认的是120px,这里为了是把官网自带的导航条挤掉),最后保存即可。
![淘宝店铺店标图片直接设置导航链接方法 淘宝店铺店标图片直接设置导航链接方法](https://www.mengchuibo.com/d/file/4c9d6875dc7ab0d6fbf7d9b7717de9ea.jpg)
常见问题:
有可能导航条不居中;可以搜索代码:margin-left:50%;left:-495px;
直接删掉,然后保存就可以了。
![](http://static.ruiwen.com/img/doc/1.0/m/icon_word.png)
《淘宝店铺店标图片直接设置导航链接方法.doc》
如果这篇文章对你有所帮助,劳烦点个赞
推荐度:
![](/e/data/images/2star.gif)
很赞哦! ()
相关文章
- 8uftp换了网络环境连接不上获取不了目录文件解决方案2021-02-15
- 帝国cms前台页面增加显示访客省份功能2019-07-23
- 淘宝店铺店标图片直接设置导航链接方法2022-07-30
- 越早明白越好的道理2021-09-09
- 语录上线与2019年7月4日2019-07-04
- JQuery中数组经常会用到$.each()方法整理2019-08-10
- 读冯耀宗老板三篇seo文章后竟然满血复活2019-06-18
- 2019有一种爱, 叫“打开行李箱”……2019-07-14
- 广点通二跳页面最新屏蔽代码(亲测可用)2022-07-19
- php基础知识点专用页面汇总(一直更新)2019-07-13
文章评论
点击排行
本栏推荐
标签云(最新)
站点信息
- 建站时间:2019年06月15日
- 网站程序:帝国CMS7.5
- 博客模板:可免费共享
- 文章统计:235篇文章
- 时间卷轴:时间轴
- 标签管理:标签云
- 网站地图:XML网站地图
- 微信二维码:扫描一下,你我就是有缘