如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Album Merchandise 商品专辑装修模块
概述
Album Merchandise 是一个为商城后台「设计 → 装修」功能增加商品专辑展示模块的插件。它选择一个商品分类作为「专辑」，前台以网格形式展示该专辑下的商品。左上角的介绍块展示自定义标题、简短描述与「查看更多」按钮，其余格子为商品卡片。这种布局非常适合用于首页品牌专区、品类推荐或主题商品集合展示。
主要功能
🎯 网格专辑展示
| 特性 | 说明 |
|---|---|
| 专辑选择 | 选择任意商品分类作为专辑内容来源 |
| 网格布局 | 介绍块位于网格左上角，其余为商品卡片 |
| 商品卡片 | 复用系统主题的商品卡片组件（图片、名称、价格） |
| 智能占位 | 装修预览时自动显示占位卡片，所见即所得 |
📝 内容配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 介绍块主标题（支持多语言，留空时回退到默认文案） |
| 简短描述 | 介绍块描述文字（支持富文本，留空时回退到默认文案） |
| 查看更多 | 自定义按钮文案（留空时回退到默认文案） |
| 产品总数量 | 可设置 1~50 个商品 |
| PC端每排数量 | 可设置 2~6 列（包含介绍块） |
| 移动端每排数量 | 可设置 1~2 列 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
🎨 默认文案回退机制
标题、描述、查看更多按钮均可自定义，留空时自动回退到「自定义设置」中配置的默认文案，确保模块始终有内容展示。
技术特点
-
✅ 网格首格介绍块：独特的布局设计，介绍块占据网格第一个位置，视觉突出
-
✅ 响应式网格：PC 端 2~6 列，移动端 1~2 列，自动适配不同设备
-
✅ 商品卡片复用：使用系统主题的
shared.product组件，保证风格统一 -
✅ 专辑自动链接：「查看更多」按钮自动跳转到所选商品分类页面
-
✅ 预览模式友好：未选专辑或专辑下无商品时，装修预览自动显示占位卡片
-
✅ 智能回退：自定义文案留空时回退到默认文案，无需逐项填写
-
✅ 任意主题兼容：前台视图由插件自带，商品卡片随主题自动适配
-
✅ 装修编辑器完美支持：实时预览，专辑选择弹窗支持搜索和分页
适用场景
-
首页品牌专区/系列产品展示
-
季节/节日主题商品集合
-
爆款推荐/热门品类展示
-
新品首发专区
-
品类导航+商品预览二合一
