Brooklyn 的静态分区

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

标头

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

标头分区包括以下设置:

  • logo - 向您的标头添加 logo 图片。
  • 主页 logo - 添加仅在主页上显示的 logo。主页 logo 显示在幻灯片上,因此请选择一个易于在图片上看到的 logo 版本。
  • 自定义 logo 宽度(以像素为单位) - 设置 logo 的大小。
  • 搜索类型 - 设置标头搜索功能的样式。
  • 菜单 - 设置显示在标头中的菜单。
  • 辅助侧边栏菜单 - 向侧边栏菜单添加辅助菜单。当主菜单占用大量空间时,则将改为显示侧边栏菜单,而不是标头菜单。您可以在针对 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. 单击保存

添加菜单

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

<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. 单击保存

添加语言选择器

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

<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. 单击保存

添加货币选择器

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

<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. 货币选择器下,选择显示货币选择器

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

免费试用