您现在的位置是:孟垂博自媒体博客 ✈ 学习笔记

淘宝店铺店标图片直接设置导航链接方法

07-30最后更新时间:2024-04-26已收录人已围观收藏

简介淘宝店标图片是没法直接加链接的,而淘宝自带的导航链接又比较难看,所以现在很多人都把导航链接直接弄到店标图片上了,这就需要专门的方法去自己添加点击链接。

店标增加链接方法步骤(以及注意事项)如下:

1.店标的图片长宽:990,150px

2.打开在线网址:https://www.yymoban.com/tool/rq/ (图片热区制作工具)

把图片地址复制到地址框,然后点击载入图片:如图
淘宝店铺店标图片直接设置导航链接方法

通过拖拉在图片相应位置建立热区框,可以设置任意多个。然后双击每个热区框,填入相应的跳转链接。
淘宝店铺店标图片直接设置导航链接方法
设置完成,点击生成代码,全选复制,然后去淘宝店铺编辑后台。

淘宝店铺店标图片直接设置导航链接方法

点击店标编辑按钮
淘宝店铺店标图片直接设置导航链接方法
然后点击下图标记的位置切换到代码模式,直接把平台生成的代码复制进去。高度设置150px(平台默认的是120px,这里为了是把官网自带的导航条挤掉),最后保存即可。
淘宝店铺店标图片直接设置导航链接方法

常见问题:
有可能导航条不居中;可以搜索代码:margin-left:50%;left:-495px;
直接删掉,然后保存就可以了。
《淘宝店铺店标图片直接设置导航链接方法.doc》
如果这篇文章对你有所帮助,劳烦点个赞
推荐度:

很赞哦! ()

文章评论

站点信息

  • 建站时间2019年06月15日
  • 网站程序:帝国CMS7.5
  • 博客模板:可免费共享
  • 文章统计:235篇文章
  • 时间卷轴时间轴
  • 标签管理标签云
  • 网站地图XML网站地图
  • 微信二维码:扫描一下,你我就是有缘