Brooklyn 的静态分区

Brooklyn 包括在您的在线商店的每个页面上显示的分区。了解如何自定义这些分区以满足您的业务需求。

标头

模板的标头是显示在您商店中每个页面顶部的分区。

使用 Brooklyn,您可以将以下项添加到标头:

  • Logo
  • 导航菜单
  • 公告栏

您还可以更改标头链接和图标的颜色。

如果要在主页启用透明标头,您可以为主页标头选择单独的 logo 和颜色。

  1. 单击 的静态分区 旁边的自定义

  2. 单击标头

  3. logo 图片区域中,单击选择图片,然后执行以下操作之一:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要使用 Burst 中的免费图库图片,请单击免费图片。 - 若要从本地计算机选择图片,请依次单击 > 上传

  1. 使用自定义 logo 宽度滑块,自定义 logo 宽度。

  2. 单击保存

自定义您的导航设置

您可以自定义以下导航设置:

  • 搜索类型 - 设置标头搜索功能的样式。
  • 菜单 - 设置显示在标头中的菜单。
  • 辅助侧边栏菜单 - 向侧边栏菜单添加辅助菜单。当主菜单占用大量空间时,则将改为显示侧边栏菜单,而不是标头菜单。您可以在针对 Brooklyn 的提示中了解详细信息。
  • 启用搜索 - 在侧栏菜单中显示搜索栏。
  1. 单击 的静态分区 旁边的自定义

  2. 单击标头

  3. 导航区域中,调整您的导航设置。

  4. 单击保存

添加公告栏

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">桌面</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>在 Shopify 后台中,转到<strong>在线商店</strong> &gt; <strong>模版</strong>。
</li></ol></div><div class="iphone changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div><div class="android changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div>
</div>



1. 单击 **的静态分区** 旁边的**自定义**。
  1. 单击分区

  2. 单击标头

  3. 公告栏区域中,选中显示公告。,选择仅主页以仅在主页上显示公告消息。

  4. 文本字段中输入公告的文本。

    1. 可选:在链接字段中输入 URL,以添加指向您的公告的链接。
  5. 若要更改公告栏的背景色,请单击颜色样本并选择颜色。

  6. 若要更改公告文本的颜色,请单击文本颜色样本并选择颜色。

  7. 单击保存

更改标头链接和图标的颜色

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">桌面</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>在 Shopify 后台中,转到<strong>在线商店</strong> &gt; <strong>模版</strong>。
</li></ol></div><div class="iphone changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div><div class="android changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div>
</div>



1. 单击 **的静态分区** 旁边的**自定义**。
  1. 单击分区

  2. 单击标头

  3. 单击链接和图标颜色样本并选择颜色。

  4. 单击保存

启用透明标头

如果要在主页的幻灯片上显示标头 logo 和文本,您可以启用透明标头。只有当您的商店顶部是一个幻灯片时,您才应该选择此选项。

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">桌面</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>在 Shopify 后台中,转到<strong>在线商店</strong> &gt; <strong>模版</strong>。
</li></ol></div><div class="iphone changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div><div class="android changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div>
</div>



1. 单击 **的静态分区** 旁边的**自定义**。
  1. 单击分区

  2. 单击标头

  3. 透明标头区域中,选中在主页上启用透明标头

  4. 可选:在透明 logo 区域中,单击选择图片,然后执行以下操作之一:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要使用 Burst 中的免费图库图片,请单击免费图片。 - 若要从本地计算机选择图片,请依次单击 > 上传

  1. 若要更改链接和图标的颜色,请单击透明标头链接和图标颜色样本并选择颜色。

  2. 单击保存

页脚

模板的页脚是显示在商店中每个页面底部的分区。 您可以向页脚中添加以下功能:

  • 付款图标
  • 语言选择器
  • 货币选择器
  • 菜单

添加付款图标

您可以在页脚中显示您接受的付款方式的图标。此区域会显示与您在后台的付款设置部分中启用的支付服务提供商相关联的图标。

  1. 单击 的静态分区 旁边的自定义

  2. 单击分区

  3. 单击页脚

  4. 查看显示付款图标

  5. 单击保存

添加菜单

您可以向页脚添加菜单。这会在页脚中显示所有菜单链接,您可以使用这些链接突出显示客户想访问的常用页面。例如,您可以添加包含指向联系信息页面、发货信息页面和隐私政策的链接的菜单。

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">桌面</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>在 Shopify 后台中,转到<strong>在线商店</strong> &gt; <strong>模版</strong>。
</li></ol></div><div class="iphone changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div><div class="android changeable-content"><ol>
<li>在 <a href="https://www.shopify.com/install/detect">Shopify 应用</a>中,点击<strong>商店</strong>。
</li><li>在<strong>销售渠道</strong>部分,点击<strong>在线商店</strong>。
</li><li>点击<strong>管理模板</strong>。
</li></ol></div>
</div>



1. 单击 **的静态分区** 旁边的**自定义**。
  1. 单击分区

  2. 单击页脚

  3. 若要选择菜单,请点击更改。从列表中选择菜单,或点击创建菜单来创建新菜单。

  4. 若要编辑菜单,请点击编辑菜单

  5. 单击保存

添加语言选择器

如果您已启用多种商店语言,则应仅添加语言选择器。

  1. 单击 的静态分区 旁边的自定义

  2. 单击分区

  3. 单击页脚

  4. 语言选择器下,选择显示语言选择器

  5. 单击保存

添加货币选择器

如果您已启用多种货币,则应仅添加货币选择器。

  1. 单击 的静态分区 旁边的自定义

  2. 单击分区

  3. 单击页脚

  4. 货币选择器下,选择显示货币选择器

准备好开始使用 Shopify 进行销售了吗?

免费试用