Simple 的分区

已于 Feb 27, 2021 打印了此页面。若要查看当前版本，请访问 https://help.shopify.com/zh-CN/manual/online-store/os/using-themes/themes-by-shopify/simple/sections。

模板内容是使用分区生成的。分区是可自定义的内容块，可确定在线商店中不同页面的布局和外观。

静态分区 是显示在您的在线商店中的预定地点的分区。无法删除或重新排列这些分区。静态分区可能包括产品页面和产品系列页面等页面上的标头、页脚、网站地图分区或内容分区。例如， 产品 部分决定了在线商店上每个产品页面的外观。

动态分区 是可选分区，可用于自定义主页的布局。 在商店主页上，您可以 添加、 重新排列和 删除 动态分区以创建页面布局。您的主页上最多可以包含25个动态分区。

您可以了解 Simple 的独特分区选择以及如何对它们进行自定义以适用于您的业务。

静态分区

Simple 包括以下静态分区：

  • 标头
  • 侧边栏菜单
  • 页脚
  • 产品页面
  • 产品推荐
  • 产品系列页面
  • 产品系列列表页面
  • 文章页面

动态分区

Simple 包括以下动态分区：

  • 博客文章
  • 产品系列列表
  • 特色产品系列
  • 特色横幅
  • 带文本图片
  • 幻灯片
  • 特色产品
  • 新闻通讯
  • 地图
  • 富文本
  • 视频
  • 自定义 HTML

标头

在标头分区中，您可以编辑商店中每个页面顶部显示的内容。您可以添加 logo 图片、创建公告消息和添加标语。

您可以将自定义 logo 图片添加到商店的标头中。最佳格式是具有透明背景的 .png 文件。logo 图片应为 450 x 200 像素。您可以通过减小宽度来调整 logo 图片的大小。

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 单击标头。
  2. 在 logo 图片区域中，单击选择图片，然后执行以下操作之一： - 若要选择已上传到 Shopify 后台的图片，请点击库选项卡。
    • 若要从本地计算机选择图片，请依次单击库 > 上传。
  3. 使用自定义 logo 宽度滑块，自定义 logo 宽度。
  4. 点击保存。

添加公告栏

您可以在标头中添加公告栏，以便使用该栏向客户显示消息。您的消息是可以自定义的，并且可以包含联系信息、有关商店活动或促销的信息，或者商店的标语。

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 单击标头。
  2. 在公告栏区域中，选中显示公告。 选择仅主页以仅在主页上显示公告消息。
  3. 输入您的公告的文本。
  4. 可选：输入 URL 以添加您的公告链接。
  5. 若要更改公告栏的背景色，请单击栏颜色样本并选择颜色。
  6. 若要更改公告文本的颜色，请单击文本颜色样本并选择颜色。
  7. 点击保存。

侧边栏菜单

Simple 拥有一个包含导航菜单的侧边栏。

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 单击侧边栏。
  2. 从菜单列表中，为侧边栏菜单选择一个菜单。
  3. 点击保存。

页脚

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

  • 付款图标
  • 菜单
  • 新闻通讯注册
  • 包含有关您业务的信息的文本分区

添加付款图标

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

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。

  1. 单击页脚。

  2. 查看显示付款图标。

  3. 点击保存。

添加菜单、新闻通讯注册或文本

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。

  1. 单击页脚。

  2. 若要添加内容块，请点击内容区域中的添加内容。从以下选项中选择块的类型：

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

若要删除内容块，请单击该块，然后单击删除内容。

若要自定义内容块，请单击该块并编辑设置。

  1. 点击保存。

提示：您可以通过使用每个块的拖放名称 ⋮⋮ 来重新排列此分区中的块。

产品页面

产品页面分区是产品页面中可以自定义的主要分区。您可以使用以下选项自定义此分区：

设置

  • 显示数量选择器 - 让用户指定要添加到购物车的数量。
  • 显示产品供应商 - 显示产品品牌或供应商。若要显示品牌或供应商，您需要向产品添加供应商。
  • 启用产品分享 - 显示客户可用于在社交媒体上分享产品的按钮。显示的分享选项由您的模板设置控制。

描述

  • 地点 - 选择产品描述相对于产品图片的地点。
  • 显示产品描述旁边的标签 - 在第二个标签上显示页面的内容，例如尺寸表或退货政策。选择要在标签内容中显示的页面。

配图

  • 缩放类型 - 选择产品图片的缩放风格。选择无缩放可阻止客户进行放大。

“添加到购物车”按钮

  • 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。
  • 按钮大小 - 从此下拉菜单中选择大小以设置添加到购物车按钮和动态结账按钮的大小。

编辑产品页面设置

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  3. 打开页面顶部的下拉菜单。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触模板。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触模板。
  1. 选择产品页面。
  2. 点击产品页面分区。
  3. 使用设置来对您的产品页面分区进行自定义。
  4. 点击保存。

产品推荐

您可以在产品页面上展示推荐产品，让客户更轻松地发现其他可能感兴趣的产品。

启用产品推荐

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  3. 打开页面顶部的下拉菜单。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触模板。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触模板。

  1. 选择产品页面。

  2. 点击产品推荐分区。

  3. 选中显示动态建议以在产品页面上显示产品推荐。

  4. 可选：若要更改推荐产品上方显示的标题，请在标题字段中输入新标题。

    1. 可选：若要在产品描述中显示或隐藏供应商，请使用显示供应商复选框。

  5. 点击保存。

产品系列页面

产品系列页面分区是产品系列页面中可以自定义的主要分区。

产品系列页面分区包括以下设置：

  • 显示产品供应商 - 在产品标题下显示每个产品的供应商。
  • 启用产品系列排序 - 让客户对您的产品系列页面上的产品进行排序。
  • 启用按产品标签排序 - 让客户按产品标签筛选产品系列。

编辑产品系列页面设置

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  3. 打开页面顶部的下拉菜单。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触模板。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触模板。
  1. 选择产品系列页面。
  2. 单击产品系列页面分区。
  3. 通过设置来对您的产品系列页面分区进行自定义。
  4. 点击保存。

特色产品系列

您可以在主页上展示产品系列。展示产品系列可帮助您推销产品和新产品系列。

特色产品系列分区包括以下设置：

  • 标题 - 添加显示在产品系列中产品上方的文本。默认文本为特色产品系列。
  • 产品系列 - 选择要显示在该分区中的产品系列。您选择的产品系列中最多可显示 50 个产品。
  • 行数 - 选择要在该分区中显示的产品的行数。

向主页添加特色产品系列分区

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 单击添加分区。
  2. 单击特色产品系列，然后单击选择。
  3. 单击选择产品系列，然后从产品系列列表中选择一个产品系列。
  4. 使用设置来自定义分区。
  5. 点击保存。

特色横幅

您可以向主页添加特色横幅图片。您还可以添加标题和图片链接。

向主页添加特色横幅分区

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 单击添加分区。
  2. 点击特色横幅，然后点击选择。
  3. 在标题字段中键入此分区的新标题。
  4. 在图片区域中，单击选择图片，然后执行以下操作之一：- 若要选择已上传到 Shopify 后台的图片，请单击库选项卡。
  5. 若要从 Burst 中选择库存图片，请单击免费图片选项卡。您可在此处输入搜索词，或浏览图片类别。

  6. 若要从本地计算机选择图片，请点击库选项卡，然后点击上传。

  7. 在 Image link（图片链接）字段中，选择商店中您希望图片链接到的页面。

  8. 点击保存。

带文本图片

使用 Simple，您可以将显示的带文本图片添加到图片右侧或左侧。您还可以添加链接到其他页面的按钮。

您可以使用带有文本的图片分区来宣传特定产品或产品系列。

带文本图片分区包括以下设置：

  • 图片 - 添加要在分区中显示的图片。您可以上传图片、使用先前上传的图片或从 Burst 中选择免费的库存图片。
  • 图片对齐 - 选择分区中的图片显示在左侧还是右侧。
  • 标题 - 添加与图片配对的主要文本。
  • 文本 - 添加与图片配对的辅助文本。此文本显示在标题文本下方。
  • 按钮标签 - 添加您希望在按钮上显示的文本。
  • 按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮，请将此字段留空。

向主页添加带文本图片分区

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 单击添加分区。
  2. 单击带文本图片，然后单击选择。
  3. 在图片区域中，单击选择图片，然后执行以下操作之一：- 若要选择已上传到 Shopify 后台的图片，请单击库选项卡。
  4. 若要从 Burst 中选择库存图片，请单击免费图片选项卡。您可在此处输入搜索词，或浏览图片类别。

  5. 若要从本地计算机选择图片，请点击库选项卡，然后点击上传。

  6. 使用设置来自定义分区。

  7. 点击保存。

幻灯片

您可创建最多可循环播放六张图片的主页幻灯片。

幻灯片图片的建议尺寸为 1280 x 460 像素。

幻灯片分区包括以下设置：

内容

  • 图片 - 为幻灯片放映添加图片幻灯片。
  • 图片位置 - 选择图片中最重要的区域作为幻灯片的焦点。
  • 覆盖不透明度 - 设置图片覆盖的阴影。覆盖会使图片的外观变暗，使幻灯片文本更易于阅读。
  • 文本颜色 - 设置幻灯片文本的颜色。
  • 文本对齐方式 - 将文本与幻灯片对齐。
  • 标题 - 向幻灯片添加标题。
  • 按钮标签 - 向幻灯片添加带文本标签的按钮。
  • 按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮，请将此字段留空。

设置

  • 幻灯片高度 - 设置幻灯片的高度。选择 Adapt to first image slide height（适应第一张图片幻灯片高度），基于第一张图片的高度设置幻灯片的高度。
  • 自动循环播放幻灯片 - 将幻灯片设置为自动播放。
  • 幻灯片更改时间间隔 - 选择更改幻灯片的频率。
  • 过渡效果 - 选择您希望图片过渡效果是滑动还是淡化。
  • 文本大小 - 设置幻灯片文本的大小。

在主页中添加幻灯片

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 单击添加分区。
  2. 点击幻灯片，然后点击选择。
  3. 2. 在内容区域中，点击幻灯片，然后执行以下操作之一：- 若要选择已上传到 Shopify 后台的图片，请单击库选项卡。
  4. 若要从 Burst 中选择库存图片，请单击免费图片选项卡。您可在此处输入搜索词，或浏览图片类别。

  5. 若要从本地计算机选择图片，请点击库选项卡，然后点击上传。

  6. 若要添加其他幻灯片，请点击添加幻灯片。

  7. 使用设置来自定义幻灯片。

  8. 点击保存。

新闻通讯

您可以在主页上添加新闻通讯注册。这使您能够收集客户电子邮件地址以用于电子邮件营销活动。您可以在 Shopify 博客上了解有关电子邮件营销的详细信息。

向主页添加新闻通讯注册

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。

  1. 点击添加分区。

  2. 点击新闻通讯，然后点击选择。

  3. 输入新闻通讯注册的标题。

  4. 为您的新闻通讯注册输入副标题。

  5. 点击保存。

地图

您可以在主页上添加 Google 地图，向客户展示您的商店所在的地点。

提示：若要显示您的地图，您需要注册 Google 地图 API 密钥。

地图分区包括以下设置：

  • 标题 - 将标题添加到您的地图分区。
  • 地址和营业时间 - 将商店的地址和营业时间添加到地图分区。
  • 地图地址 - 将地图设置为显示您的商店位置。
  • 地图链接标签 - 在 Google 地图上添加链接到您地点的按钮。
  • 显示图钉图标 - 在地图上添加一个显示商店具体地点的图钉图标。
  • Google 地图 API 密钥 - 将您地图的 API 密钥添加到地图分区。
  • 图片 - 添加地图未加载时显示的图片。
  • 图片位置 - 设置图片的位置。

在主页中添加地图

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 点击添加分区。
  2. 点击地图，然后点击选择。
  3. 使用设置来对您的地图分区进行自定义。
  4. 点击保存。

富文本

使用富文本分区提供要在主页上显示的任何书面内容或嵌入在 Shopify 后台创建的任何页面。例如，您可以通过嵌入博客页面来展示即将进行的活动，或显示包含以下任何内容的页面：

富文本分区包括以下设置：

  • 标题 - 向富文本分区添加标题。
  • 文本 - 添加自定义文本并设置格式。 如果要显示商店中的页面，请单击添加内容，然后单击页面。从下拉菜单中选择要作为主页的页面。
  • 大小 - 设置文本大小。

向主页添加富文本

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。

  1. 单击添加分区。

  2. 点击富文本，然后点击选择。

  3. 使用设置来对您的富文本分区进行自定义。

  4. 点击保存。

视频

您可以将 YouTube 或 Vimeo 视频添加到您的主页。视频可以吸引客户并引起他们对您业务的兴趣。

若要添加视频，您需要找到此视频的共享链接：

  • YouTube - Youtube 分享链接如下所示：https://youtu.be/ZXWgHlnVVEY。您可以在此 YouTube 帮助文章中了解如何复制 YouTube 视频的分享链接。
  • Vimeo - Vimeo 共享链接如下所示：https://vimeo.com/123456789。您可以在此 Vimeo 帮助中心文章中了解如何复制 Vimeo 视频的共享链接。

视频分区包括以下设置：

  • 标题 - 将标题添加到您的视频分区。
  • 视频链接 - 添加视频的共享链接。

将视频添加到您的主页

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 点击添加分区。
  2. 单击视频，然后单击 选择。
  3. 使用设置来对您的视频分区进行自定义。
  4. 点击保存。

自定义 HTML

在自定义 HTML 部分中，可使用 HTML 代码创建主页的自定义内容。例如，可使用 HTML 设置文本块的格式、创建表或嵌入来自第三方网站的内容。

向主页添加自定义 HTML 分区

  1. 在 Shopify 后台中，转到在线商店 > 模板。
  2. 单击 的分区 旁边的自定义。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。
  1. 在 Shopify 应用中，轻触商店。
  2. 在销售渠道部分，轻触在线商店。
  3. 轻触 Manage themes（管理模板）。
  4. 在 的分区 旁边，轻触自定义。
  5. 轻触编辑。

  1. 单击添加分区。

  2. 点击自定义 HTML，然后点击选择。

  3. 单击 Custom HTML（自定义 HTML），然后输入想要添加到主页的 HTML 代码。

  4. 点击保存。

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

免费试用