京东图片热区怎么用?操作教程
京东店铺装修的时候,会有很多的模块可以使用,像是侧滑模块、图片热区模块等等,是不同的模块会达成不同的效果,今天本站小编就跟大家介绍一下图片热区添加的技巧和流程,想学习的话就赶紧去看看吧!
功能场景描述:图片搭配热区,通过配置跳转链接、锚点等方式,实现头图、商品推荐、京东店铺导航、标题栏等场景。使用一张图片时,还可配置鼠标经过图片,实现交互动态效果。
示例:
1、商品展示
2、正反图组动效展示
操作要点
初始进入界面:先选择图片后进行热区绘制哦~
Step1 添加图片
1、可添加单张或多张图片,不超过99张即可。按照【点击顺序】纵向排列,图片之间无间隔,新添加图片为当前图片位置以后。
2、使用图片尺寸不限,图片以1:1方式展示。图片素材大于布局宽度时,以居中,左右两端内容隐藏展示。反之,图片以居中展示。
3、使用多张图片时,同组图片宽度保持一致。
4、实现交互动效效果,选择两张尺寸一致图片,分别添加于图片初始状态、鼠标经过状态,必须配合热区触发。
5、图片操作:排序、更换、删除。
6、可做单独展示图片场景使用。
Step2 绘制热区
1、保存图片成功后,返回热区绘制区。长按鼠标移动进行热区绘制。
2、热区可以覆盖一张或多张图片,热区之间不能有重叠,最小尺寸80x40px。
3、配置锚点链接时,直接单击装修区域布局ID,可移动配置弹框便于操作。锚点仅支持当前页面跳转
4、点击“清空”按钮,所有热区及配置的链接全部删除。
5、热区链接支持楼层锚点、活动、商详页、店铺等链接。
6、绘制热区后,链接必填。
增加了图片热区模块之后,可以配置跳转链接、锚点等方式,去实现一些个性化的效果,大家赶紧去试一试吧!若是还不会操作的话,可以直接给本站小编留言,有必要的话,小编会进一步的给您辅导操作的哈。