如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Album Navigation List 专辑导航列表装修模块
概述
Album Navigation List 是一个为商城后台「设计 → 装修」功能增加专辑导航列表展示模块的插件。每张卡片由一个商品分类（专辑）的封面图与标题，加上一组可自定义的二级导航链接组成，点击可进入对应分类页或自定义链接页。这种布局非常适合用于首页的品类导航、商品集合推荐或分类导购区域。
主要功能
🎯 专辑导航卡片
| 特性 | 说明 |
|---|---|
| 专辑选择 | 为每张卡片选择任意商品分类作为专辑内容来源 |
| 封面展示 | 自动拉取专辑封面图，悬停有放大效果 |
| 专辑链接 | 点击封面或标题，进入该专辑的商品分类页 |
| 二级链接组 | 每张卡片支持配置多组自定义链接（支持多语言） |
| 背景颜色 | 每张卡片可独立设置背景颜色 |
📝 内容配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 模块主标题（支持多语言） |
| 简短描述 | 模块描述文字（支持富文本） |
| 查看更多 | 底部「查看更多」按钮文案（支持多语言） |
| 查看更多链接 | 按钮跳转链接（支持内部/外部链接） |
| PC端每排数量 | 可设置 1~4 列 |
| 移动端每排数量 | 可设置 1~2 列 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
🔗 二级链接配置
每个专辑卡片可添加多组二级链接，每组链接支持：
-
链接类型：商品分类、商品、品牌、单页文章、自定义链接等
-
链接文案：支持多语言，留空时自动回退到实体名称
-
新窗口打开：可选择是否在新窗口打开链接
技术特点
-
✅ 图文卡片布局：左侧专辑封面（1:1 比例） + 右侧专辑标题与二级链接列表
-
✅ 响应式网格：PC 端 1~4 列，移动端 1~2 列，自动适配
-
✅ 移动端优化：每排 2 列时，卡片自动切换为封面在上、文字在下的垂直布局
-
✅ 智能链接解析：自动处理内部实体链接与外部自定义链接，无内容时自动隐藏
-
✅ 预览模式友好：装修预览时自动显示占位卡片与示例二级链接
-
✅ 二级链接可拖拽排序：每个专辑内的二级链接支持拖拽调整顺序
-
✅ 拖拽排序：专辑卡片整体支持拖拽调整顺序
-
✅ 任意主题兼容：前台视图由插件自带，完全独立渲染
-
✅ 装修编辑器完美支持：实时预览，专辑选择弹窗支持搜索
适用场景
-
首页品类导航（男女装、数码、家居等）
-
商品集合推荐（夏季精选、新品上市）
-
内容导航（帮助中心、博客分类）
-
品牌展示（品牌列表+二级入口）
-
多级分类导购
