Supply 的分区

模板内容是使用分区生成的。分区是可自定义的内容块,可决定在线商店中不同页面的布局和外观。您可以使用更新的模板编辑器来添加、删除、编辑和自定义分区。

Shopify 的模板包含以下分区类型:

  • 静态分区:显示在您在线商店中的预定地点的分区。无法删除或重新排列此类分区。静态分区可能包括产品页面和产品系列页面等页面上的标头、页脚、网站地图分区或内容分区。例如,产品分区决定在线商店中每个产品页面的外观。
  • 动态分区:可选分区,可用于自定义主页的布局。在商店主页上,您可以添加重新排列删除动态分区以创建页面布局。您的主页上最多可以包含 25 个动态分区。

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

提示 如果使用来自 Shopify 的免费模板,那么您可以通过参阅来自 Shopify 的免费模板以及点击模板的名称来查看此模板的分区和设置的详细信息。

若要了解付费模板的分区和设置,请参阅模板 文档

静态分区

Supply 包括以下静态分区:

  • 标头
  • 页脚
  • 产品
  • 收藏
  • 产品系列列表页面
  • 文章页面

动态分区

Supply 包括以下动态分区:

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

标头

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

您可以在标头中自定义以下项目:

  • logo
  • 公告栏
  • 菜单

您可以将自定义 logo 图片添加到商店的标头中。最佳格式是具有透明背景的 .png 文件。Supply 搭配宽度为 400px 的 logo 效果最佳。您可以通过增大或减小宽度来调整 logo 图片。请勿将值增加到超过 logo 图片的原始宽度。如果超过,可能导致图片变形和图片质量下降。

如果您不添加 logo 图片,则您的商店名称将显示为文本。您可以在 Shopify 后台的商店详细信息设置页面上更改您的商店名称。

  • 自定义 logo 宽度:logo 的宽度。
  1. 点击标头。2. 在 logo 图片区域,点击选择图片,然后执行以下操作之一:* 若要选择已上传到 Shopify 后台的图片,请点击选项卡。* 若要从本地计算机选择图片,请点击 > 上传。3. 使用设置来自定义 logo 的尺寸和位置。4. 点击保存

添加公告栏

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

  1. 点击标头
  2. 公告栏区域中,选中显示公告
  3. 输入您的公告的文本。
  4. 可选:输入 URL 以添加您的公告链接。
  5. 点击保存

添加菜单

您可以向标头添加菜单。这会在标头中显示菜单的所有链接,您可以使用这些链接突出显示客户想访问的常用页面。例如,您可以添加包含产品系列链接的菜单。

  1. 点击标头

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

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

  4. 点击保存

页脚

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

  • 社交媒体图标
  • 付款图标
  • 水平菜单
  • 新闻通讯注册
  • 自定义文本
  • 快速链接

添加社交媒体图标

您可以在在线商店页脚中启用一个选项来显示社交媒体图标。页脚中显示的社交媒体图标由您的模板设置控制。

  1. 点击页脚
  2. 选中显示社交媒体图标
  3. 点击保存

添加付款图标

您可以在页脚中显示您接受的付款方式的图标。此区域会显示与您在后台的支付设置部分中启用的支付服务提供商相关联的图标。当客户访问您的商店时,系统会筛选这些图标,以便仅显示当前客户的所在地区和所用货币支持的付款方式。

  1. 点击页脚

  2. 查看显示付款图标

  3. 点击保存

添加水平菜单

您可以向页脚中添加菜单。这会在页脚底部的水平栏中显示所有菜单链接。您可以使用此菜单链接到客户要访问的常用页面。例如,您可以添加包含您的发货和退货政策链接的菜单。

  1. 点击页脚
  2. 编辑法律菜单设置。若要选择菜单,请点击更改。从列表中选择菜单,或点击创建菜单来创建新菜单。
  3. 若要编辑菜单,请点击编辑菜单
  4. 点击保存

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

您最多可以向页脚添加九个内容块。

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

产品

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

  • 启用图片缩放 - 让客户通过将鼠标移动到产品图片上来进行放大。
  • 显示数量选择器 - 让用户指定要添加到购物车的数量。
  • 显示剩余数量消息 - 在库存不足时显示您的剩余库存。当所选多属性的库存为 9 或更少时,便显示剩余数量消息。若要显示此消息,您需要为产品启用库存跟踪
  • 售罄时显示传入的库存转移消息 - 显示一条消息来指明售罄的产品何时会重新入库。显示的消息为“将在 [日期] 后有货”。若要显示此消息,您需要为产品创建转移来记录传入库存量。
  • 显示供应商 - 显示产品品牌或供应商。若要显示品牌或供应商,您需要向产品添加供应商
  • 显示已节省的金额 - 显示客户节省的金额。已节省的金额是常规价格与原价之间的差额。若要显示已节省的金额,您需要为产品设置原价。
  • 显示原价 - 显示产品的原价
  • 显示相关产品 - 在页面底部显示相关产品的选择。产品所属的产品系列用于确定此部分中显示的相关产品。若要显示相关产品,您需要将产品添加到产品系列中。如果产品不是产品系列的一部分,或者产品是产品系列中的唯一产品,则不会显示相关产品。
  • 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。
  • 启用产品分享 - 显示客户可用于在社交媒体上分享产品的按钮。显示的分享选项由您的模板设置控制。
  • 启用产品评论 - 向页面添加产品评论分区。若要显示评论,您需要安装免费的 Shopify Product Reviews 应用并接收产品的评论。
  • 多属性选择器和按钮大小 - 从此下拉菜单中选择大小来设置多属性选择器、添加到购物车按钮和动态结账按钮的大小。

编辑产品设置

  1. 选择产品页面
  2. 点击产品分区。
  3. 使用设置来对您的产品分区进行自定义。
  4. 点击保存

收藏

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

产品系列分区包括以下设置:

  • 每行产品数 - 选择要在产品系列页面上的每一行中显示的产品数量。
  • 每页行数(仅限网格) - 选择要在产品系列页面上显示的产品行数。
  • 侧边栏产品筛选器 - 选择是按产品标签还是通过侧边栏中的筛选条件组对产品系列进行排序。
  • 显示原价 - 显示产品的原价
  • 显示已节省的金额 - 显示客户节省的金额。已节省的金额是常规价格与原价之间的差额。若要显示已节省的金额,您需要为产品设置原价。
  • 启用产品评论 - 在页面上显示评论分数徽章。若要显示评论分数徽章,您需要安装免费的 Shopify Product Reviews 应用并接收产品的评论。
  • 启用侧边栏 - 显示侧边栏,让客户使用所选筛选条件类型筛选您的产品。

编辑产品系列设置

  1. 选择产品系列页面
  2. 点击产品系列分区。
  3. 使用设置来对您的产品系列分区进行自定义。
  4. 点击保存

产品系列列表

使用产品系列列表分区,最多可在您的主页上选择 6 个产品系列作为特色产品系列。

将产品系列列表添加到您的主页

  1. 点击添加分区。2. 点击产品系列列表,然后点击选择。3. 若要将产品系列添加到分区,请自定义每个产品系列块:* 点击产品系列块,然后点击选择产品系列。* 在产品系列下拉列表中,选择要显示的产品系列,或点击创建产品系列,创建新产品系列。* 点击选择。4. 若要添加其他产品系列块,请点击添加产品系列。5. 点击保存

特色产品系列

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

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

  • 标题 - 为特色产品系列部分添加标题。
  • 产品系列 - 选择要在分区中显示的产品系列。
  • 每行产品数 - 选择要在该分区的每一行中显示的产品数。
  • 行数 - 选择要在该分区中显示的产品的行数。
  • 显示已节省的金额 - 显示客户节省的金额。已节省的金额是常规价格与原价之间的差额。若要显示已节省的金额,您需要为产品设置原价。
  • 显示原价 - 显示产品的原价

在主页中添加特色产品系列

1。 点击添加分区。2. 点击特色产品系列,然后点击选择。3. 点击选择产品系列,选择要显示的产品系列,然后点击选择。4. 使用设置来自定义您的特色产品系列分区。5. 点击保存

幻灯片

幻灯片分区可用于上传要在主页上的幻灯片中使用的图片。

您最多可以为主页选择 6 张幻灯片图片。您可以为每张幻灯片添加链接,客户可以点击链接打开商店中的页面。

每张幻灯片图片应为 1000 x 500 像素。如果您使用的幻灯片图片高度不同,那么在幻灯片过渡期间,图片可能会跳跃或杂乱无章。

提示:如果幻灯片中的图片包括文本,请设置较慢的过渡速度,为客户提供足够的时间来阅读每张幻灯片。

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

内容

  • 图片 - 添加要在幻灯片中显示的图片。
  • 链接 URL - 将幻灯片链接到在线商店的另一部分。

设置

  • 自动循环播放幻灯片 - 将幻灯片设置为自动播放。
  • 过渡时间 - 选择更改幻灯片的频率。

自定义幻灯片

  1. 点击添加分区
  2. 点击幻灯片,然后点击选择
  3. 若要将图片添加到幻灯片中,请点击图片块以对其进行自定义:
    1. 点击选择图片,然后执行以下操作之一:- 若要选择已上传到 Shopify 后台的图片,请点击选项卡。
  4. 若要从 Burst 中选择库存图片,请点击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。
  5. 若要从本地计算机选择图片,请点击选项卡,然后点击上传

    1. 如果要添加指向幻灯片的链接,请执行以下操作之一: - 如果您要将幻灯片上的文本链接到商店中的页面,请点击 Link URL(链接 URL)字段并选择页面。
    2. 如果您要将幻灯片上的文本链接到某个网站,请将该网站的 URL 粘贴到链接 URL 字段。
  6. 使用设置来自定义幻灯片。

  7. 点击保存

新闻通讯

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

向主页添加新闻通讯注册

  1. 点击添加分区

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

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

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

  5. 点击保存

地图

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

提示:若要显示您的地图,您需要注册 Google 地图 API 密钥

地图分区包括以下设置:

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

在主页中添加地图

  1. 点击添加分区
  2. 点击地图,然后点击选择
  3. 使用设置来对您的地图分区进行自定义。
  4. 点击保存

富文本

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

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

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

向主页添加富文本

  1. 点击添加分区

  2. 点击富文本,然后点击选择

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

  4. 点击保存

视频

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

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

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

视频分区包括以下设置:

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

将视频添加到您的主页

  1. 点击添加分区
  2. 点击视频,然后点击 选择
  3. 使用设置来对您的视频分区进行自定义。
  4. 点击保存

自定义内容

自定义内容分区中,您可以将多个内容块组合在一起。您可以调整每个块的宽度和对齐方式,以形成自定义布局。

您可以使用 HTML 来设置文本块的格式、创建表格或从其他网站嵌入内容。您在一个自定义内容分区中最多可以添加 9 个自定义 HTML 块。

每个自定义 HTML 块都包括以下设置:

  • HTML - 添加要在主页上显示的 HTML 代码。
  • 容器宽度 - 设置自定义 HTML 块的宽度。
  • 垂直对齐 - 将块中的内容设置为垂直位置。

向主页添加自定义内容

  1. 点击 Add section(添加分区)。

  2. 点击自定义内容,然后点击选择

  3. 选择并配置要包含在分区中的内容块。

  4. 点击保存

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

免费试用