您现在的位置是:孟垂博自媒体博客 ✈ 学习笔记
淘宝店铺店标图片直接设置导航链接方法
07-30最后更新时间:2024-07-27【已收录】人已围观收藏
简介淘宝店标图片是没法直接加链接的,而淘宝自带的导航链接又比较难看,所以现在很多人都把导航链接直接弄到店标图片上了,这就需要专门的方法去自己添加点击链接。
店标增加链接方法步骤(以及注意事项)如下:
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)
很赞哦! ()
相关文章
- 关于工作中我认为的最好的工作状态2019-07-11
- 我这个人优点太多2019-07-04
- 帝国CMS7.5管理员密码重置插件下载2019-07-13
- 工资2000的人看2遍,5000的看5遍,1万以上的背下!2019-07-12
- 富人定律:你必须假装很有钱2019-08-02
- 帝国CMS内容页Title显示标题还是副标题的简单判断2019-10-17
- 放弃很容易 可坚持一定很酷2019-07-09
- 身边总有些人2019-07-10
- 中国2020-07-22
- php中文件操作常用函数整理2019-08-05
文章评论
点击排行
本栏推荐
标签云(最新)
站点信息
- 建站时间:2019年06月15日
- 网站程序:帝国CMS7.5
- 博客模板:可免费共享
- 文章统计:235篇文章
- 时间卷轴:时间轴
- 标签管理:标签云
- 网站地图:XML网站地图
- 微信二维码:扫描一下,你我就是有缘