如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Single Image 单图装修模块
概述
Single Image 是一个为商城后台「设计 → 装修」功能增加单图海报展示模块的插件。它以一张带蒙层的大图（PC端/移动端可分别上传）为背景，图上叠加标题、简短描述和行动号召按钮，支持居左/居中/居右三种对齐方式。非常适合用于品牌故事展示、促销活动海报、新品发布宣传等首页视觉营销场景。
主要功能
🖼️ 图文海报展示
| 特性 | 说明 |
|---|---|
| 双端独立图片 | PC端和移动端可分别上传不同图片，完美适配不同设备 |
| 标题 + 描述 + 按钮 | 三层内容叠加在图片之上，构成完整的营销文案 |
| 三种对齐方式 | 居左 / 居中 / 居右，灵活适配不同设计需求 |
| 整图可点 | 未设置按钮时可整图作为链接热区，点击跳转 |
📐 丰富的配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 支持多语言，主标题文字 |
| 简短描述 | 富文本描述，支持格式化内容 |
| 按钮标题 | 行动号召按钮文案（支持多语言） |
| 跳转链接 | 按钮/整图的跳转目标（支持新窗口打开） |
| 图片高度 | 大(600px) / 中(460px) / 小(340px) |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
| 蒙层不透明度 | 0~100% 可调 |
| 蒙层颜色 | 自定义蒙层背景色 |
🎨 颜色自定义
| 配置项 | 说明 |
|---|---|
| 标题颜色 | 自定义标题文字颜色 |
| 内容颜色 | 自定义描述文字颜色 |
| 按钮背景 | 自定义按钮背景色 |
| 按钮文字颜色 | 自定义按钮文字颜色 |
技术特点
-
✅ 双端独立图片：PC端和移动端可上传不同图片，响应式最佳实践
-
✅ 蒙层效果：支持自定义蒙层颜色和透明度，提升文字可读性
-
✅ 三档图片高度：大/中/小三档可选，PC端和移动端独立高度控制
-
✅ 三档模块宽度：窄屏/宽屏/全屏，全屏模式为整图边到边铺满
-
✅ 三种文字对齐：居左/居中/居右，配合不同布局需求
-
✅ 整图链接热区：无按钮时可整图点击跳转
-
✅ 任意主题兼容：前台视图由插件自带，样式使用 CSS 变量适配主题
-
✅ 装修编辑器完美支持：实时预览，支持图片上传和多语言配置
适用场景
-
品牌故事宣传海报
-
新品发布/产品推广
-
限时促销活动横幅
-
首页首屏 Hero 区域
-
季度/节日营销视觉
-
任何需要「图文海报」的区域
