您现在的位置是:主页 > 淘宝大学 > 淘宝优化 >

苏宁易购商家【通用】自定义热区模块操作说明 - 350装修平台

2021-12-18 22:06淘宝优化 人已围观

简介自定义热区模块操作说明 一、功能简介 自定义热区,即通过可视化操作,根据实际内容在单张图片上添加多个可点击热区,绑定具体链接。实现无需编写代码快速装饰店铺页面的效果...

   自定义热区模块操作说明

   一、功能简介

   自定义热区,即通过可视化操作,根据实际内容在单张图片上添加多个可点击热区,绑定具体链接。实现无需编写代码快速装饰店铺页面的效果。

   二、PC端定制热区模块装饰

   1.PC端自定义热区模块可用于通栏、990~190宽度布局。以通栏为例,点击【店铺装修】→【PC店铺装修】→主页/自定义页面。拖入通栏布局后,在左侧模块标签下拖入通栏宽度下的自定义热区模块;

   拖动后如下:

   2.单击自定义热区或鼠标悬浮模块后,单击右上角

   打开自定义热区设置界面的按钮;

   3.弹出窗口分为左右两个区域。上传的底图和添加的热块显示在左边。图片可以上传并添加到右边的热区;

   上传图片:根据不同的模块,上传的图片宽度必须等于模块宽度,高度在150~2000px范围内,支持jpg、jpeg、png和gif格式;

   如上传图片尺寸较大,可通过横向或垂直滚动条滚动查看。

   下距离10像素打开:默认打开,取消勾选设置不打开;

   热区类型:包括热区块和文字气泡两种显示风格,热区块为矩形热区,在店铺展示时可直接点击跳转;

   热区列表:点击新按钮,默认在底图左上角添加热区块,最小尺寸为100*100px;

   1)选择热块类型:

   点击添加热块。

   按下并拖动热区块到底图的具体区域,点按热区右下角的小方块,可拖动热区块的大小。

   输入热区标题(最长6个字),选择或输入绑定的苏宁内部链接,即设置热区。

   如果上传的图片太大,可以点击适应窗口调整到合适的预览尺寸。

   点击原始尺寸恢复原图大小。

   2)选择文字气泡类型:

   文字气泡的颜色默认为橙色,字体颜色为白色。

   可自定义设置文字气泡的气泡颜色和文字颜色

   输入标题后,点击气泡展示时的气泡跳转;

   设置完成后,点击保存按钮,成功设置自定义热区模块,可在装饰界面查看效果;

   注:1。自定义热区模块最多可添加50个热区。如果多个热区重叠,重叠部分的点击效果将链接绑定到最新的热区;

   2、如果热区底图发生修改替换,系统将校验是否存在有热区块的位置,超过替换后的图片高度,否则无法保存。

   三、一键同步

   自定义热区模块,支持一键同步功能,支持一键同步移动端功能,具体可同步内容如下:

   底图:按比例缩放到移动页面宽度,gif格式底图不同步;

   热区块:大小、位置和级别,按比例缩放到移动端。同时,为了确保移动端可以有效点击同步热区块,规定栏自定义热区块不同步,尺寸小于264*264px;990自定义热区块不同步,尺寸小于137*137px;790自定义热区块不同步,尺寸小于109*109px。建议在装饰电脑页面时扩大热区块的覆盖范围;

   热区链接:必须是苏宁内部链接,商店基础页、自定义页、商品页、商品分类页自动转换为移动地址;

   热区类型为热区块,文字标签样式不支持同步;

   10像素配置值:直接同步。

本栏推荐

站点信息

  • 文章统计33745篇文章
  • 标签管理350激活码
  • 微信公众号:扫描二维码,关注我们