Brooklyn主题的标头结构是什么
Brooklyn是Shopify官方推出的一款面向现代品牌和服装类店铺的免费主题，它的标头区域位于页面最上方，通常包含店铺名称或Logo、主导航菜单，以及可选的顶部公告栏。这个区域在桌面端和移动端都会固定或随滚动呈现，是用户进入店铺后首先注意到的部分。理解标头由哪些块组成，是做自定义的前提。
在Brooklyn的主题编辑器中，标头相关设置主要分布在「Header」和「Announcement bar」两个板块。Header控制Logo图片或文字标题、菜单选择；Announcement bar则用来展示促销信息或通知。这种模块化的设计让没有技术基础的卖家也能通过填表式操作完成改动，而不必触碰HTML或CSS文件。
如何上传和设置自定义标头Logo
要让标头显示自己的品牌图而非系统文字，需进入Shopify后台，点击「在线商店」-「模板」，在Brooklyn主题下选择「自定义」。进入编辑器后，从左侧栏目找到「Header」部分，会看到「Logo」上传入口。这里支持PNG、JPG、SVG等格式，建议准备宽度在450像素以内、高度不超过200像素的透明底图片，避免标头过高挤压内容区。
上传后还可设置Logo的最大显示宽度，Brooklyn允许以像素为单位限定尺寸，使不同屏幕下比例协调。若暂时没有Logo，也可直接在「Logo」处留空，系统会显示你在「设置」-「常规」中填写的店铺名称文字，字体样式由主题预设。不少服饰店会选用简洁字母标，配合留白营造高级感。
绑定导航菜单到标头
标头中的菜单并非自动生成，需要在Header设置里指定一个已存在的菜单。进入「导航」先创建分类如「新品」「关于我们」，再回到Header的「Menu」下拉框选中它。Brooklyn支持两级下拉，父项悬浮可展开子分类，方便顾客快速跳转。
如果店铺商品多，建议把核心品类放标头，其余收进页脚，防止导航拥挤。移动端标头会自动变成汉堡按钮，点击展开菜单，因此菜单项字数也宜简短，保证小屏可读。
公告栏与标头样式微调
Brooklyn的Announcement bar位于标头正上方，可填一行文字并选背景色与文字色。常用于包邮说明或节日折扣，例如「满199元境内免邮」。它可设置仅首页显示或全站显示，卖家按引流需要开关即可。
标头背景色通常跟随主题色板，若想让标头与首页海报融合，可在「Theme settings」-「Colors」中改Header底色。注意对比度，浅色字配浅底会降低可读性，影响跳失率。
商店图标Favicon怎么换
浏览器标签页左侧和小手机添加到主屏时显示的方形图就是商店图标，也叫Favicon。Brooklyn默认用Shopify标志，替换路径在主题编辑器左下角「Theme settings」-「Favicon」。点击上传，选32×32或64×64像素的方形PNG，图案宜单纯，因为显示尺寸极小。
上传后保存，电脑端清缓存再看标签页即可见新标。手机端用Safari添加到主屏，图标也会变成你传的图。这对品牌复购有帮助，用户桌面有一致视觉，再次进店成本低。
标头与图标自定义常见疑问
有卖家问能否给标头加搜索框，Brooklyn免费版默认标头不含独立搜索框，但开启「搜索」模块后，移动端标头会出现图标，桌面端可在菜单旁显示。若要更复杂标头，需改代码或换付费主题。
还有人发现换了图标后台看了没变，多是浏览器缓存，强制刷新或换无痕窗口就能确认。图标格式错成非方图会被裁切，提前处理好尺寸最稳妥。
| 设置项 | 所在位置 | 推荐规格 |
|---|---|---|
| 标头Logo | 自定义- Header - Logo | 宽450px内，透明PNG |
| 标头菜单 | 自定义- Header - Menu | 已建菜单，两级内 |
| 公告栏 | 自定义- Announcement bar | 单行文字，对比色 |
| 商店图标 | Theme settings - Favicon | 32或64px方图 |
标头和图标虽是小元素，却直接关系店铺第一印象。Brooklyn给的工具足够日常使用，按上述步骤操作就能完成基础品牌化。
Shopify_Brooklyn自定义标头商店图标 修改时间：2026-08-14 15:21:24