栏目导航：电脑网站
建议先从栏目目录定位同类模块，再根据是否排障需求选择对应文档。
上位页：返回电脑网站栏目目录
一、功能效果
使用图片模块热区功能，让同一张图片不同的位置可配置不同的跳转链接。
例如选择眼镜进入对应的眼镜产品，选择平板进入对应的平板产品。
二、功能说明
【版本】无版本限制
ps：自适应模版不支持
三、配置教程
在电脑网站设计页面点击左侧导航【模块-新增模块-常用】，添加【图片】模块。
添加模块后，鼠标移动到模块上，选择添加图片。
添加后你可以随意调整图片大小及位置。
鼠标移动到图片上，选择配置链接按钮。
选择跳转方式为：热点区域。
给不同热区配置跳转链接（例如图片中的平板，可配置热区跳转到平板产品）
支持添加多个热区、支持自定义不同热区的提示文字。
完成以后点击【确定】，保存后即可以测试效果了哦。
热区设计建议
图片热区最容易翻车的点是“热区位置对不齐”和“手机端难点”。更稳妥的做法是先用足够清晰的底图、保持图片尺寸稳定，再少量设置关键热区，并在发布后按不同屏幕宽度复测。
- 底图稳定：尽量避免发布后再频繁调整图片比例，否则热区位置会跟着偏移。
- 热区克制：优先给关键物品/按钮做热区，不建议整张图堆太多可点击区域。
- 提示文字可读：热区提示应短且明确，避免用户不知道点了会去哪里。
- 多端复测：发布后在常见宽度屏幕下点一次，确认热区没有错位。
继续查看帮助文档与建站服务
如果这篇文档解决了你当前的问题，可以继续回到帮助目录查看同类教程；如果你正在准备企业官网建设、套餐选型或定制开发，也可以继续进入对应服务页了解。