当前位置 鱼摆摆网 > 教程 > 淘宝开店 > 网店知识库 >

淘宝店铺一张全屏海报加多个链接教程

  作者:鱼摆摆   2019-03-02 10:36

全屏海报加多链接一般常用的有两种方式,一种是加热点链接,另一种是切片加链接,我之前分享的装修视频是介绍切片加链接的,所以今天跟大家分享一下热点链接!


加热点链接方法

1、将图片传到图片空间,获取该图片地址;


2、在线生成单链接全屏海报代码:http://www.taoour.com/tbzx/qphb/index.html

(将网站图片链接换成你的全屏海报图片链接,宽度和高度修改为你的图片尺寸,之前分享过教程:查看教程)

3、将生成的代码放到记事本中;


4、打开Dreamweaver软件,新建空白HTML,清空原有代码,插入全屏海报图片(注意,是复制你淘宝图片空间的图片地址过来);


5、(重点)点击图片,选择属性中的地图下面的方框,在每个需要加链接的地方画热点框;


6、用箭头选中每个热点框,加上对应链接;


7、点击代码,将代码复制到刚才在线生成的代码中去替换;


8、(重点)将在线生成的代码中<a href="......"></a>删除,替换为刚才DW中热点链接代码;

 

替换前


替换后

9、最后,将代码放到淘宝自定义模块中去,大功告成!


注意事项:

1、如果是多个全屏海报都需要加热点链接,那么画热点框的时候,地图要改名字,比如默认的地图名是“Map”,对应代码是:<map name="Map">,下一个全屏海报就可以把热点地图名字改为“Map1”,否则后面的全屏海报热区地图名相同,对应链接打不开!

2、target="_blank"是点击链接在新页面中打开,target="_self"是点击链接在当前页面打开。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yubaibai360@qq.com 举报,一经查实,本站将立刻删除。

[ 标签:淘宝全屏海报 ]
  • 全部评论(0
说点什么吧