京东图片热区怎么用?操作教程

京东图片热区怎么用?操作教程

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

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

示例：

1、商品展示

2、正反图组动效展示

操作要点

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

Step1 添加图片

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

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

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

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

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

Step2 绘制热区

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

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

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

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

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

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