京东店铺装修的时候，会有很多的模块可以使用，像是侧滑模块、图片热区模块等等，是不同的模块会达成不同的效果，今天开淘小编就跟大家介绍一下图片热区添加的技巧和流程，想学习的话就赶紧去看看吧!

功能场景描述：图片搭配热区，通过配置跳转链接、锚点等方式，实现头图、商品推荐、京东店铺导航、标题栏等场景。使用一张图片时，还可配置鼠标经过图片，实现交互动态效果。

示例：

1、商品展示

2、正反图组动效展示

操作要点

初始进入界面：先选择图片后进行热区绘制哦~

Step1 添加图片

1、可添加单张或多张图片，不超过99张即可。按照【点击顺序】纵向排列，图片之间无间隔，新添加图片为当前图片位置以后。

2、使用图片尺寸不限，图片以1：1方式展示。图片素材大于布局宽度时，以居中，左右两端内容隐藏展示。反之，图片以居中展示。

3、使用多张图片时，同组图片宽度保持一致。

4、实现交互动效效果，选择两张尺寸一致图片，分别添加于图片初始状态、鼠标经过状态，必须配合热区触发。

5、图片操作：排序、更换、删除。

6、可做单独展示图片场景使用。

Step2 绘制热区

1、保存图片成功后，返回热区绘制区。长按鼠标移动进行热区绘制。

2、热区可以覆盖一张或多张图片，热区之间不能有重叠，最小尺寸80x40px。

3、配置锚点链接时，直接单击装修区域布局ID，可移动配置弹框便于操作。锚点仅支持当前页面跳转

4、点击“清空”按钮，所有热区及配置的链接全部删除。

5、热区链接支持楼层锚点、活动、商详页、店铺等链接。

6、绘制热区后，链接必填。

增加了图片热区模块之后，可以配置跳转链接、锚点等方式，去实现一些个性化的效果，大家赶紧去试一试吧!若是还不会操作的话，可以直接给开淘小编留言，有必要的话，小编会进一步的给您辅导操作的哈。

---

免责声明：文章内容不代表本站立场，本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺，仅供读者参考；文章版权归原作者所有！本站作为信息内容发布平台，页面展示内容的目的在于传播更多信息；本站不提供任何相关服务，阁下应知本站所提供的内容不能做为操作依据。市场有风险，投资需谨慎！如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。