快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 淘宝店铺一张全屏海报加多个链接教程

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

放大字体  缩小字体 发布日期:2024-12-14 10:30:52  来源:电商联盟  作者:乐发网  浏览次数:60

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

加热点链接方法

1、将图片传到图片空间淘宝上传全屏,获取该图片地址;

淘宝上传全屏

2、在线生成单链接全屏海报代码:

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

淘宝上传全屏

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

淘宝上传全屏

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

淘宝上传全屏

淘宝上传全屏

淘宝上传全屏

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

淘宝各种代码(全屏,放大镜,950超出全屏等等)_淘宝上传全屏_淘宝全屏首页用dw上传

淘宝上传全屏

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

淘宝上传全屏

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

淘宝上传全屏

8、(重点)将在线生成的代码中删除,替换为刚才DW中热点链接代码;

淘宝上传全屏

替换前

淘宝上传全屏

替换后

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

注意事项:

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

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

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 淘宝店铺一张全屏海报加多个链接教程

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
备战双十一:教你设计一个高转化的详情页 淘宝网店宝贝详情页的编辑“神笔”
淘宝店铺装修如何实现全屏轮播 旺铺装修基础:认识新旺铺,与旧版旺铺有何区别
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问