联系客服： 模块订购/续费： 服务商
点此联系旺旺 点击购买 沃牳科技/淘拍档服务商(2020,2021年度)

👇小部件默认图片文件包下载

服务文件包 内置图片尺寸.zip

📏模块素材默认尺寸参考


 宽高 示意图
分组标题默认图 宽222 高174 https://img.alicdn.com/imgextra/i4/800803731/O1CN01B7qcvr1dQqSr12eh1_!!800803731.png
分组标题选中图 宽222 高174 https://img.alicdn.com/imgextra/i4/800803731/O1CN017zHHnC1dQqStfIcEE_!!800803731.png
轮播图 宽726 高726 https://img.alicdn.com/imgextra/i3/800803731/O1CN01Uyrvsb1dQqSkNmJuF_!!800803731.jpg

💡LiveCard功能点:

  1. 支持多组纵向切换，最多支持8组
  2. 轮播图支持自定义多热区链接，支持单品加购

  3. 支持模块固定背景图片


    image.png

    ⚙️默认基础设置:

    A：自定义设置轮播图 / 分组标题图的位置距离等
    image.png

B: 上传轮播标题图片，自定义个性化作图
image.png

C: 轮播内容需要用到工具，工具地址：https://cnzoom.com/livecard/tool/ （具体操作往下看）
image.png

🧰C部分 工具使用介绍：

  1. 首先把轮播图上传到图片空间，复制轮播图的链接

  2. 打开工具：https://cnzoom.com/livecard/tool/ 

    1. 在工具右边设置处，背景图处填上轮播图链接（具体位置看下图） <br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/1088874/1656662469762-3f1cc70c-5986-49f7-a861-ff45104bed73.png#clientId=u6f4bbbe4-ca2f-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=489&id=ud5aa5d24&margin=%5Bobject%20Object%5D&name=image.png&originHeight=489&originWidth=936&originalType=binary&ratio=1&rotation=0&showTitle=false&size=232774&status=done&style=none&taskId=u9bdb4864-f31b-4a78-9cd3-57eb40af02c&title=&width=936)

3.鼠标拖拽 在对应位置进行画热区，点击画好的热区，在右边设置框里，输入宝贝ID（可选择打开详情或加购物车）
image.png

4.设置完成后，点击右上角的生成代码，会弹出生成的代码
然后点击复制代码，把复制的代码粘贴到装修页面的 轮播内容数据处
image.png

轮播内容数据处👇
image.png

😊 注意: LiveCard无法直接在后台看到, 需要点击保存后, 预览二维码的方式查看设置效果
image.png

🔆效果展示:

2.gif