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

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

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

📏模块素材默认尺寸参考


 宽高 示意图
默认标题图片 宽726 高212 https://img.alicdn.com/imgextra/i1/800803731/O1CN01CZxK2b1dQqTXBvShA_!!800803731.jpg
选中标题图片 宽726 高212 https://img.alicdn.com/imgextra/i4/800803731/O1CN01YmOBrm1dQqTVFI0ll_!!800803731.jpg
滑动内容图片 宽1144 高300 https://img.alicdn.com/imgextra/i4/800803731/O1CN01IqE6qL1dQqTPRsbvc_!!800803731.jpg
查看更多图片 宽25 高40 https://img.alicdn.com/imgextra/i1/800803731/O1CN01G4vCLl1dQqTX2gnng_!!800803731.png

💡LiveCard功能点:

  1. 支持多组折叠滑动（最多支持5组）
  2. 支持长图左右滑动，滑动图支持自定义多热区链接，支持单品加购

image.png

⚙️默认基础设置:

A：自定义设置竖向间距以及标题图片的圆角大小
image.png

B：上传标题默认图片 和 标题选中图片
C: 滑动内容需要用到工具，工具地址：https://cnzoom.com/livecard/tool/ （具体操作往下看）
最多可添加5组内容
image.png

D: 可自定义设计查看更多图片上传，可以选择图片效果与图片位置
image.png

🧰C部分 工具使用介绍：

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

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

    1. 在工具右边设置处，背景图处填上滑动图链接（具体位置看下图）👇<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/1088874/1653546011288-73a4b06a-5844-489b-be66-72da97fba5db.png#clientId=u32073f2f-70f8-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=286&id=u39af0e71&margin=%5Bobject%20Object%5D&name=image.png&originHeight=286&originWidth=949&originalType=binary&ratio=1&rotation=0&showTitle=false&size=157749&status=done&style=none&taskId=u0ff34e37-8979-41f0-a6d2-f3aa318e87e&title=&width=949)

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

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

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

🔆效果展示:

2.gif