热区链接无效,一定是热点名称重复引起的!
热区链接无效,一定是热点名称重复引起的!
热区链接无效,一定是热点名称重复引起的!
(重要说三遍)
遇到此问题,请仔细看此教程。
许多初学淘宝装修的朋友都会遇到一个问题,添加热点链接后的代码,安装到店铺,发现热点无法点击,或者点击后打开的不是预设的链接,而是其他链接。怎么办呢?
下面以这张图为例,我们来演示一下如何解决热点无效或冲突的问题;
1、打开dw软件,并将需要绘制热点的图片导入到软件中;
2、使用热点工具绘制3个热点区域,简称热区;
3、这是最关键的一步。
给图片加上地图编号,如图,我这里设置的是map001。
图中共有3个热区,我们依次给3个热区添加超链接,把图中输入框的“#”替换成图片点击后要打开的链接地址即可。这里的“#”代表空链接;
目标,选择”_blank“,表示在新窗口打开链接;
4、把代码中本地图片的地址替换成淘宝图片空间的图片地址,否则发布后页面是空白的;
注意每张图片都有一个唯一的地图编号;
最后将图中绿框部分的代码复制到店铺后台或者淘美科技旗下的装修软件中即可;
注意:必须取“body”标签之内的代码用来装修,否则会出现空白或不显示等问题;
5、如果一段代码中,包含切片或者多张图片,每张图片的地图编号必须分别设置且不能相同。否则就会出现安装到店铺后,链接无效或跳转不正确的问题。
注意:地图编号仅支持英文和数字,不支持中文;
6、在一个页面中,如果存在多个模块,每段代码里的地图编号都不能相同,也就是唯一的。否则也会出现链接无效或者跳转不正确的问题。
7、比如店铺招牌,和页头下的自定义区,地图编号不能重复!
8、注意不同版本的dw,生成的热区代码略有区别。推荐大家使用dw cs3。