无线手机店铺模版热区自定义辅助工具

admin

1.打开网址：http://tool.massdesign.cn/mdiy/

2.把做好的图片地址上传到图片空间,复制图片地址，如图片地址

1. http://img.alicdn.com/imgextra/i2/2032829039/TB2pBoHlpXXXXXOXXXXXXXXXXXX-2032829039.jpg

复制代码

放在背景图里面，点击确认（宽度640）。下面我们找了一张混排的图片给大家演示。

3.然后我们给这张图片上对应的位置加了一共三个热区

[操作方法:点鼠标左键,向右下拉,自动出现一个阴影热区,松开鼠标右键即添加完成

（每一个热区加好了会自动生成宽、高、距上、距左这些数值）

4.打开手机模版的装修页面， 找到“自定义热区”并添加这个模块(此模块需要购买我们的手机模版.不是系统组件哦亲)

点我选购手机模版

5.添加了“自定义热区”模块之后我们先填入模块的高度（需要无缝模块高度=图片高度）和图片链接.然后点击确定

6.点击确定之后我们可以看到图片已经显示出来了，

然后我们对应填入热区的宽、高、距上、距左以及链接。

然后自定义热区就大功告成了

7.按照同样的方法把其他热区的坐标添加设置好.

8.最后把蒙层关闭 确定

总结：

首先我们要实现手机页面装修自定义热区，那么就需要一张图、然后给这个图加多个热区，

但是受淘宝官方限制，暂时还不能像pc端那样直接在图片上面画热区。

但是是可以给热区定位的。

所以这个时候就需要用到我们的热区辅助工具来做出热区的高宽以及位置。

所以才有了这样的操作。