如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Collection List 专辑列表装修模块
概述
Collection List 是一个为商城后台「设计 → 装修」功能增加专辑列表展示模块的插件。你可以挑选多个商品分类作为「专辑」，前台以网格或轮播形式展示每个专辑的封面图与标题，点击即可进入对应的商品分类页。丰富的视觉定制选项（封面形状、裁剪比例、标题位置）让你轻松打造符合品牌风格的专辑导航区域。
主要功能
🏷️ 专辑卡片展示
| 特性 | 说明 |
|---|---|
| 专辑选择 | 挑选任意商品分类作为专辑，支持拖拽排序 |
| 封面展示 | 自动拉取专辑封面图，悬停有平滑放大效果 |
| 标题位置 | 可叠加在封面上 / 显示在封面下方 / 隐藏 |
| 点击跳转 | 点击卡片进入对应专辑的商品分类页 |
🎨 丰富的视觉定制选项
| 配置项 | 选项 | 说明 |
|---|---|---|
| 专辑封面形状 | 方形 / 圆角 / 圆形 | 圆角值可调，圆形强制 1:1 比例 |
| 专辑封面高度 | 自动裁剪(1:1) / 横图(4:3) / 竖图(3:4) | 圆形形状时此选项禁用 |
| 专辑标题 | 显示在封面图上 / 显示在下方 / 隐藏 | 封面图上标题带渐变蒙层增强可读性 |
📐 布局配置选项
| 配置项 | 说明 |
|---|---|
| 展示方式 | 平铺（网格）/ 轮播（Swiper 滑动） |
| 标题 | 模块主标题（支持多语言） |
| 简短描述 | 模块描述文字（支持富文本） |
| PC端每排数量 | 可设置 2~6 列 |
| 移动端每排数量 | 可设置 1~3 列 |
| 查看更多按钮 | 自定义文案和跳转链接 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
技术特点
-
✅ 双展示模式：平铺（网格）和轮播（Swiper）自由切换
-
✅ 封面形状灵活：方形 / 圆角 / 圆形，满足不同视觉偏好
-
✅ 裁剪比例可选：1:1 / 4:3 / 3:4，适配不同封面图片
-
✅ 标题位置三选一：叠加封面 / 下方独立 / 完全隐藏
-
✅ 响应式网格：PC 端 2~6 列，移动端 1~3 列，自动适配
-
✅ 轮播支持：基于 Swiper，支持触摸滑动、导航箭头和分页圆点
-
✅ 悬停缩放效果：封面图片悬停时平滑放大
-
✅ 预览模式友好：装修预览时自动显示占位卡片，所见即所得
-
✅ 拖拽排序：专辑列表支持拖拽调整顺序
-
✅ 任意主题兼容：前台视图由插件自带，完全独立渲染
-
✅ 装修编辑器完美支持：实时预览，专辑选择弹窗支持搜索
适用场景
-
首页专辑/分类导航
-
精选商品集合展示
-
品牌专区入口
-
季节性主题推荐（春夏/秋冬/节日限定）
-
品类导购区域
