横幅（含比例怎么选）

一句话

上传图 → 选一个和你这张图一致的比例 → 图就一个像素都不会被裁。

它在哪

后台 → 内容管理 → 横幅

位置（position）

位置	显示在哪
首页横幅	首页顶部（满宽通栏）
顶部通栏	全站页头上方的一条公告（可关闭）
分类页	商品列表页顶部（卡片样式，不满宽）
弹窗	预留

⭐ 桌面比例 —— 这一项决定图会不会被裁

不选的话默认 21:9，你的图大概率会被裁掉上下两截

系统用「填满容器 + 裁掉多余」的方式显示（不是拉伸变形）。 所以容器比例和你的图不一致时，就会裁。

做法：上传图之后，那个下拉框下面会直接告诉你——

你上传的这张是 1991×835，约 2.38 : 1，最接近「2.4 : 1」，选它就不会裁

照着选就行。

可选的档位：

比例	特点	1440 屏上的高度
21 : 9	超宽通栏（默认）	约 617px
3 : 1	更扁	480px
2.4 : 1	电影宽银幕	600px
2 : 1		720px
16 : 9	常见照片/视频比例	810px
3 : 2	相机原片	960px
4 : 3	很高，会吃掉整个首屏	1080px

后台会实时显示"1440 宽的屏上这个比例的横幅高约 xxx px" —— 光看比例数字想象不出来。

比例越高越占地方

选 4:3 的话，一个横幅就把整个首屏吃光了，买家要滚一屏才看得到商品。 通栏横幅建议 21:9 到 2.4:1 之间。

手机端

手机固定 16:9，不跟桌面比例走

超宽图裁到手机上只剩一条缝。

可以另传一张移动端图（竖一点的构图），传了就用它。

标题 / 副标题

填了的话会压在图上（左下角，带一层暗色渐变保证可读）。

图里已经有字就别再填

两套文字叠在一起会很乱。要么图上留空、文字用这两个字段； 要么文字做进图里、这两个字段留空。

跳转链接

点横幅去哪。可以是站内路径（/products?categoryId=1）或完整外链。

底部渐隐

通栏横幅的底部会自动淡出，融进页面底色

不是 bug。通栏是顶到浏览器两侧的，图片一亮、页面一暗，收尾会是一条笔直的硬边， 看着像贴上去的一块。

淡出的只有底部 12%，不影响主体。

所以别把重要内容放在图的最底部

产品的底座、一行小字放在最下面 12% 的话会被淡掉。构图往上挪一点。

生效时间

可以设开始/结束时间，做限时活动横幅。

时间按站点时区算

后台的时间选择器旁边会写着当前站点时区。填的是那个时区的墙上时间。

早期版本这里踩过坑：运营在 UTC+8 选「13:00」，存成了 13:00 UTC —— 活动晚 8 小时才开始，而页面回显的还是他填的 13:00，界面上一点线索都没有。 现在已经按站点时区换算了。

常见问题

图被裁了

比例没选对。回后台看那个下拉框下面的提示，它会算出你这张图的实际比例。

首页没有横幅

1. 横幅启用了吗
2. 生效时间到了吗
3. 位置选的是首页横幅吗
4. 首页装修里如果配了「通栏横幅」楼层，看那个楼层选的是哪一个

顶部通栏关掉之后再也不出现了

按 banner id 存在浏览器里的（不是一个布尔值）。所以换一个新通栏， 关过旧的那些人还是会看到新的。

要让自己重新看到，清一下浏览器的 localStorage 或换个无痕窗口。

横幅图建议尺寸

按你选的比例来。21:9 的话，1920×823 或 1600×686 都合适。 文件压到 300KB 以内。