如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Video Product List 视频商品列表装修模块
概述
Video Product List 是一个为商城后台「设计 → 装修」功能增加视频商品列表展示模块的插件。它以视频卡片列表的形式展示一组本地视频（如买家秀、产品实拍、客户评价等），每个视频可关联一个商品，点击商品标签即可直达商品详情页。支持单排展示（居中轮播）和平铺展示（网格）两种方式，并配有丰富的播放控制选项。非常适合用于首页买家秀展示、产品演示视频、用户证言等场景，帮助提升商品转化率。
主要功能
🎬 视频卡片展示
| 特性 | 说明 |
|---|---|
| 本地视频 | 上传 mp4 等格式的本地视频文件 |
| 商品关联 | 每个视频可关联一个商品，显示商品缩略图、名称和价格 |
| 播放控制 | 播放/暂停、静音/取消静音，悬浮时显示控制条 |
| 视频比例 | 支持 9:16 / 16:9 / 4:3 / 1:1 / 3:4 五种比例 |
🎨 两种展示方式
| 展示方式 | 说明 | 适用场景 |
|---|---|---|
| 单排展示 | 居中轮播，中间放大、两侧露边，支持自动轮播 | 突出单个视频，适合买家秀/证言展示 |
| 平铺展示 | 响应式网格布局（2~5 列），支持自动播放 | 批量展示多个视频，适合产品合集 |
🎮 丰富的播放配置
| 配置项 | 说明 |
|---|---|
| 自动轮播 | 单排展示时，视频自动轮播切换（6 秒间隔） |
| 自动播放 | 平铺展示时，视频自动播放（需配合默认静音） |
| 循环播放 | 视频播放结束后自动重新开始 |
| 默认静音 | 视频默认静音播放，用户可手动取消静音 |
📐 模块配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 模块主标题（支持多语言） |
| 简短描述 | 模块描述文字（支持富文本） |
| 视频比例 | 9:16 / 16:9 / 4:3 / 1:1 / 3:4 |
| 展示方式 | 单排展示 / 平铺展示 |
| 查看更多按钮 | 自定义文案和跳转链接 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
📋 视频内容管理
| 特性 | 说明 |
|---|---|
| 拖拽排序 | 视频列表支持拖拽调整顺序 |
| 本地视频上传 | 支持 mp4 等格式视频上传 |
| 商品选择器 | 弹窗式商品选择器，支持搜索 |
| 商品自动同步 | 自动拉取商品缩略图、名称和价格 |
技术特点
-
✅ 双展示模式：单排居中轮播 / 平铺网格，自由切换
-
✅ 智能播放策略：自动播放遵循浏览器策略（静音），用户点击可带声音播放
-
✅ 响应式网格：平铺模式下自动适配 2~5 列，移动端自动调整
-
✅ 居中轮播效果：单排展示时中间卡片放大、两侧露边，视觉聚焦
-
✅ 视频控制条：悬浮时显示播放/暂停和静音控制，简洁直观
-
✅ 商品关联卡片：视频下方显示关联商品信息，点击直达详情页
-
✅ 自动轮播：单排展示支持自动轮播，鼠标悬停暂停
-
✅ 任意主题兼容：前台视图由插件自带，样式完全独立
-
✅ 装修编辑器完美支持：实时预览，视频列表可拖拽排序
适用场景
-
首页买家秀/用户证言展示
-
产品演示/实拍视频
-
客户评价视频墙
-
品牌故事视频合集
-
教程/指南视频列表
-
网红开箱视频展示
