如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Advanced Search 高级搜索装修模块
概述
Advanced Search 是一个为商城后台「设计 → 装修」功能增加高级搜索展示模块的插件。它以一张带蒙层的大图作为背景，居中叠加标题、简短描述和一个搜索框（输入框 + 搜索按钮），常用于首页快速搜索区块。支持自定义搜索范围（商品/专辑/专题/博客/条款），搜索结果按类型分组展示，大幅提升站内搜索体验。
主要功能
🔍 可视化搜索区块
| 特性 | 说明 |
|---|---|
| 大图背景 | 支持上传背景图片，建议尺寸 1920×800/600/420px |
| 蒙层效果 | 可调节黑色蒙层透明度（0~100%），提升文字可读性 |
| 标题与描述 | 支持多语言标题和富文本描述 |
| 搜索框 | 输入框 + 搜索按钮，圆角设计，品牌色按钮 |
| 图片高度 | 大/中/小三档可选（PC端 600/460/340px，移动端自动适配） |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
📋 可配置的搜索范围
支持同时勾选多个搜索字段，搜索结果页将按类型分组展示：
| 字段 | 说明 |
|---|---|
| 商品 | 搜索商城商品，支持关键词匹配 |
| 专辑 | 搜索商品分类（Category） |
| 专题 | 搜索文章分类（Page Category） |
| 博客 | 搜索单页文章（Page） |
| 条款 | 搜索单页文章（与博客合并为「文章」一组） |
📄 搜索结果页特性
| 特性 | 说明 |
|---|---|
| 分组展示 | 搜索结果按内容类型分组（商品/专辑/专题/文章） |
| 商品卡片 | 复用系统商品卡片组件（图片、名称、价格） |
| 链接卡片 | 专辑/专题/文章以标题 + 摘要卡片形式展示 |
| 多语言支持 | 搜索结果自动按当前语言匹配 |
| 无关键词浏览 | 不输入关键词时展示各类型默认排序的全部内容 |
技术特点
-
✅ 自包含样式：模块样式内联于前台片段，装修编辑器 AJAX 预览与真实前台均正常生效
-
✅ 响应式设计：PC 与移动端独立适配，移动端搜索框按钮自动收窄
-
✅ 多内容类型搜索：一次搜索覆盖商品、分类、文章等多种内容实体
-
✅ 多语言原生支持：搜索结果自动按当前语言匹配描述字段
-
✅ 可配置搜索范围：后台可自由勾选需要启用的搜索字段
-
✅ 空关键词浏览：未输入关键词时，展示各类型默认排序的全部内容（浏览模式）
-
✅ 系统搜索结果页：独立的结果页路由
/advanced_search，SEO 友好 -
✅ 任意主题兼容：前台视图由插件自带，商品卡片复用当前主题组件
-
✅ 装修编辑器完美支持：实时预览，所见即所得
适用场景
-
首页快速搜索区块
-
落地页搜索引导区
-
大型电商网站的站内搜索入口
-
内容型网站的全站搜索
