Shopify装修教程（七）：主页设置-标头

2.3.2 标头(Header):

在左边点“标头”，就能看到 Logo、菜单、搜索框、公告栏这些设置，如下图：

选好导航菜单

找到“菜单”-“选择”，在这里把导航栏的链接设置成你需要的，比如：HOME NEW SHOP SALE ABOUT US（about us也可以放在页脚），分别对应网站首页、新品页、商店页、促销页、关于我们。

对于还没开发好的页面，可以先暂时链接到“所有产品”页面，后续再更新。

设置好后点保存，再刷新前台，就能看到导航栏更新。

参考：

前文中有提到过，由于Shopify商店后台的模板限制性，我们是无法对既有控件进行一些特殊的位置和大小的更改的，只能够对新建控件进行设置

所以理论上来说，我们是无法设置得和BIBA的网站一模一样的，我们只能尽可能相似的去模仿

我们点击标头部分，然后在右侧查看到菜单，再次点击“选择”

点‘创建新菜单’后，Shopify 会自动跳到菜单管理界面。

如果你之前已经建好菜单了，这里只要选一下或替换成对应的菜单就行；如果之前没建过菜单，也可以直接在这个页面新建，操作一样方便。

我再简单重复一下步骤。我们按照 HOME NEW SHOP SALE ABOUTUS 依次填入。

对于还未开发出的页面，我们先暂时选择默认的 所有产品 界面。

设置好之后，我们点击保存即可。

如果对标头部分的尺寸不满意，我们可以在旁边的分区填充处进行尺寸的修改

但由于Shopify对模板的限制，我们是无法单一更改PC端或者手机端的填充大小的，更改后PC端和手机端都会直接被统一更改

上传logo

进入“模板设置”，点 Logo 设置，上传店铺 Logo，调好大小和位置，让它居中或居左显示。

不同主题上传 Logo 的位置可能不一样，有的直接在左边的‘标头’里就能传，有的要点进‘模板设置’或‘主题设置’，找到‘Logo’或‘品牌’再上传。

传好后记得点保存，然后去前台刷新看看效果，如果没显示，可以检查标头有没有开‘显示 Logo’，或者把尺寸调大一点。

加点小功能

很多主题（比如 Dawn）都会自带搜索图标和购物车图标，不用你手动添加，页面上就能直接看到。 如果换了主题发现没有显示，可以去标头设置看看有没有“启用搜索”或“启用购物车”的开关，打开就行； 实在找不到开关，可以升级主题版本或换成支持这些功能的主题。

你还可以加一个公告栏来显示促销信息。点‘添加分区’，选择‘公告栏’。

我们的基础公告栏是一个简单的欢迎词：Welcome to our store。

而BIBA的网站做了一个折扣展示（还剩最后 2 天 – Eoss 预览：新到货品 8 – 7 折优惠），并且链接到了折扣的商品界面。

我们先仿照BIBA的网站，添加一个和他一样的文字内容，之后我们做好了产品界面，再做一个链接到上新促销产品界面。

首先点击公告栏，然后再点击左边的文字部分。

然后在右侧粘贴我们复制好的文字。

粘贴好之后，再次点击公告栏，进行配色部分的更改。

在右侧选择我们的配色方案。

应用好之后，可以看到公告栏部分已经被我们更改好了，只差后续的链接配置而已。

设置完成之后，我们会发现公告栏的底部有一个深色的线条。

如果觉得它不太美观，想要隐藏它也非常简单，我们直接点击显示分割线中的按钮，进行隐藏即可。