主题
首页装修
一句话
首页由楼层拼出来,每个楼层一种类型。改完保存即生效,不用重新部署。
它在哪
后台 → 内容管理 → 首页装修
五种楼层
| 类型 | 是什么 | 有标题/副标题吗 |
|---|---|---|
| 文字 Hero | 首屏的大标题 + 一句话 | ✅ 就是它本身 |
| 分类胶囊 | 一行圆角标签,点了去对应分类 | ✅ 可选 |
| 商品组 | 一格商品,可选热销/新品 | ✅ 可选 |
| 通栏横幅 | 满宽的大图 | ✅ 可选 |
| 富文本 | 自由 HTML | ✅ 可选 |
标题 / 副标题:留空就不显示
每种楼层都能填,填了就在那一块上方显示一个小标题。 不想要就留空 —— 不会留出空白。
排序
每行左边有 ↑ ↓ 按钮。
用的是"交换排序值"
两个人同时编辑也不会互相覆盖(不是"整表重排")。
各楼层的配置
文字 Hero
标题和副标题。留空的话用站点设置里的商城名和 Slogan 兜底。
分类胶囊
| 字段 | 说明 |
|---|---|
| 标题 / 副标题 | 可选,比如「按分类逛」 |
| 数量 | 最多显示几个(1–24),不是"一定显示这么多" |
只取顶级、已启用的分类
子分类不会出现在这一行。你只有 1 个分类的话,这里就只显示 1 个 —— 数量填 8 也一样。
商品组
| 字段 | 说明 |
|---|---|
| 标题 | 比如「热销」「新品」 |
| 商品来源 | 销量最高 / 最新上架 |
| 限定分类 | 留空 = 全部分类 |
| 数量 | 1–24 |
常见做法
两个商品组:一个「New arrivals」(最新上架)+ 一个「Best sellers」(销量最高)。
通栏横幅
选一个已经建好的横幅(内容管理 → 横幅)。留空 = 显示所有首页横幅。
详见 横幅怎么配。
富文本
自由 HTML。用来放品牌故事、活动说明之类。
布局规则(你不用管,但知道了不会踩坑)
所有楼层的左边线是对齐的
容器统一 1024px 宽。通栏横幅是故意满宽的(它就叫"通栏"), 但它的小标题会收回 1024,和其它楼层对齐。
所以你不需要用自定义 CSS 去调这些。
改完多久生效
立刻
保存时系统会清掉首页缓存并通知前台重新生成。刷新就能看到。
如果超过 1 分钟没变,强制刷新(Ctrl + F5)。
常见问题
楼层配了但首页没有
- 那个楼层的**「显示」开关**打开了吗
- 商品组:限定的分类里有上架商品吗(没有的话整块不显示)
- 分类胶囊:有启用的顶级分类吗
- 通栏横幅:选的那个横幅是启用状态吗、生效时间到了吗
一个楼层都没配,首页是空的吗
不是。取不到楼层配置时会退回一套固定编排(热销 + 新品)—— 首页是最不能白屏的页面。
商品组里的商品不是我想要的
「商品来源」只有销量最高和最新上架两种,不能手动挑。 要精确控制的话,用「限定分类」把范围缩小,或者用富文本楼层自己写。