Supply 的分区

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

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

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

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

Supply 包括以下静态分区:

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

动态分区

您可以添加重新排列删除动态分区来自定义主页的布局。每个模版都有唯一一组可供选择的动态分区。

Supply 包括以下动态分区:

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

标头

Supply 包括适用于您商店的标头的一些独特设置。您可以选择要显示在标头中的菜单、上传 logo 并向客户显示消息。

若要自定义标头,请执行以下操作:

  1. 单击分区选项卡。

  2. 单击标头

  3. 菜单列表中选择要显示的菜单。

通过 Supply,您可以将 logo 包含在您商店的标头中。如果您使用的是自定义 logo,那么最佳格式是具有透明背景的 .png 文件。

Supply 带有宽度为 400px 的 logo 是外观效果最佳。您可通过使用自定义 logo 宽度字段更改图片的宽度。请勿增加超过 logo 图片的初始宽度的值。如果超过,可能导致图片变形和图片质量下降。

消息

通过 Supply,您可以在商店的标头中输入最多 55 个字符的消息。此消息显示在搜索栏上方。

例如,您可以输入问候消息、宣传促销或新产品系列,或通知客户发货延误。

要添加标头消息,请执行以下操作:

  1. 消息区域中,输入标头消息。

  2. 选择性地对一些文本应用粗体或斜体格式。

  3. 单击保存

页脚

在页脚分区中,您可以编辑商店中每个页面底部显示的内容。您可以向页脚中添加以下功能:

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

若要自定义页脚分区,请执行以下操作:

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

  2. 单击分区

  3. 单击页脚

  4. 通过选中 Show social media icons(显示社交媒体图标),在页脚中显示社交媒体图标。从社交媒体模板设置中选择要链接到的账户。

  5. 通过选中 Show payment icons(显示付款图标)将付款图标(如 Mastercard 或 PayPal)添加到页脚。

  6. Legal menu(规则菜单)区域的页脚底部添加一个水平菜单。要编辑默认菜单,请单击编辑菜单。要更改为其他菜单,请单击更改,然后选择一个现有菜单或单击 Create menu(创建菜单)。

  7. 内容区域中,最多向页脚添加 9 个内容块:

- 单击添加内容,添加内容块。从以下选项中选择块的类型: - 菜单 - 富文本 - 新闻通讯注册

- 单击 ⁞⁞ 图标并将内容块拖动到其他位置来移动内容块。 - 单击某一内容块,然后单击删除内容来删除该内容块。 - 单击某一内容块并编辑设置来自定义该内容块。

  1. 单击保存

产品页面

产品分区中,您可以添加或删除以下元素:

  • 图片缩放
  • 数量选择器
  • 存货信息
  • 产品品牌或供应商
  • 储蓄信息
  • 相关产品
  • 动态结账按钮
  • 社交共享图标
  • 客户评论

编辑产品页面的设置:

  1. 从顶栏下拉菜单中选择产品页面

  2. 单击分区

  3. 单击产品

  4. 若要使客户能够通过将鼠标悬停在产品图片上方来放大图片,请选中 Enable image zoom(启用图片缩放)。

  5. 若要显示数量选择器,请选中 Show quantity selector(显示数量选择器)。

  6. 若要在库存不足时查看剩余库存,请选中 Show stock when less than 10 products available(可用产品少于 10 件时显示库存)。您需要对产品启用库存跟踪,才能显示此消息。

  7. 要显示一条消息,指示售罄产品何时才会再次有货,请选中 Show incoming stock transfer message when sold out(售罄时显示传入的库存转移消息)。显示的消息是“将在(日期)之后有货”。您需要为产品创建转移,才能显示此消息。

  8. 选中 Show product vendor(显示产品供应商),以显示产品品牌或供应商。要显示品牌或供应商,您需要向产品添加供应商

  9. 若要显示客户节省的金额,请选中 Show saved amount(显示节省的金额)。节省的金额是产品的正常价格与原价之间的差额。节省的金额将向下舍入到最接近的美元金额。例如,如果价格差异为 25.51 美元,则节省的金额为“25 美元”。要显示节省的金额,您需要设置产品的原价。

  10. 若要显示原价,请选中 Show compare at price(显示原价)。

  11. 若要在页面底部显示所选的相关产品,请选中显示相关产品。产品所属的产品系列会决定显示的相关产品。要显示相关产品,您需要为产品创建产品系列,或将产品添加到现有产品系列中。如果产品不属于任何产品系列,则不会显示相关产品。

  12. 若要显示动态结账按钮,请选中 Show dynamic checkout button(显示动态结账按钮)。

  13. 若要显示社交共享图标,请选中 Enable product sharing(启用产品共享)。

  14. 要显示产品的客户评论,请选中 Enable product reviews(启用产品评论)。若要显示评论,您需要安装免费的 Shopify Product Reviews 应用并接收产品评论。

  15. 要设置多属性选择器、添加到购物车按钮和动态结账按钮的大小,请从多属性选择器和按钮大小下拉菜单中选择尺寸。

  16. 单击保存

产品系列页面

使用 Supply,您可以指定产品系列在产品系列页面侧栏菜单中的排序方式。您可以选择按产品标签或筛选器组进行排序。

  1. 在商店的模板编辑器预览中,打开一个产品系列页面。

  2. 单击分区选项卡。

  3. 单击产品系列

  4. Products per row(每行产品数)下拉列表中,选择要在每行中显示的产品数。

  5. Rows per page(每页行数)下拉列表中,选择要显示的行数。

  6. Sidebar product filters(侧边栏产品筛选器)下,选择是按产品标签还是按筛选器组对产品系列进行排序。

  7. 若要显示当产品系列中某个产品的价格在原价的基础上有所下降时的原价,或者若要与竞争对手的价格进行比较,请选中 Show compare at price(显示原价)。

  8. 要显示产品价格下跌时客户节省的金额,请选中 Show saved amount(显示节省的金额)。

  9. 要在产品系列页面上显示产品评论,请选中 Enable product reviews(启用产品评论)。

备注:您必须安装免费的 Product Reviews 应用才能启用产品评论。

  1. 单击保存

特色产品系列

使用特色产品系列分区最多可在您的主页上选择 6 个产品系列作为特色产品系列。客户点击主页中的特色产品系列时,将显示该产品系列的特色产品。如果您没有特色产品,则会显示该产品系列中的第一张产品图片。

要在主页上显示特色产品系列,请执行以下操作:

  1. 单击分区选项卡。

  2. 单击特色产品系列

  3. 内容区域中,单击产品系列

  4. 产品系列下拉列表中,选择要显示的产品系列。

  5. 继续添加产品系列,直到选择完要显示的所有产品系列。

  6. 单击保存

幻灯片

幻灯片分区允许您上传用于幻灯片放映的图片。您可以选择幻灯片放映中的图片是否自动旋转,并且可以设置图片旋转的频率(以秒为单位)。

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

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

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

要自定义您的幻灯片放映,请执行以下操作:

  1. 单击分区选项卡。

  2. 单击幻灯片

  3. 如果希望幻灯片图片自动旋转,请在设置区域中选中 Auto-rotate slides(自动旋转幻灯片)。

  4. Transition time(过渡时间)下拉列表中,选择旋转频率(以秒为单位)。

要添加图片幻灯片,请执行以下操作:

  1. 内容区域中,单击图片

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

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要从 Shopify 的 Burst 股票图片产品系列中选择股票图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。 - 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。

  1. 如果要添加指向幻灯片的链接,请执行以下操作之一:

- 如果您要将幻灯片上的文本链接到商店中的页面,请单击 Link URL(链接 URL)字段并选择页面。 - 如果您要将幻灯片上的文本链接到某个网站,请将该网站的 URL 粘贴到 Slide link(幻灯片链接)字段。

  1. 单击保存

新闻通讯

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

向主页添加新闻通讯注册:

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

  2. 单击分区

  3. 单击添加分区 > 新闻通讯

  4. 标题字段中输入新闻通讯注册的标题。默认标题是“订阅我们的新闻通讯”。

  5. 子文本字段中输入新闻通讯注册的子标题。默认文本为“促销、新产品和销售。直接发送到您的收件箱”。

  6. 单击保存

视频

您可以将托管在 YouTube 或 Vimeo 上的视频添加到您的主页。视频可以吸引客户并让他们对您的业务产生兴趣。

在主页中添加视频:

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

  2. 单击分区

  3. 单击添加分区 > 视频

  4. 标题字段中输入视频的标题。

  5. Video link(视频链接)字段中输入视频的共享链接。

    YouTube 共享链接如下所示:https://youtu.be/OTJXAUZY9t0。您可以在此 YouTube 帮助文章中了解如何复制 YouTube 视频的共享链接。

    Vimeo 共享链接如下所示:https://vimeo.com/281332510。您可以在此 Vimeo 帮助中心文章中了解如何复制 Vimeo 视频的共享链接。

  6. 单击保存

自定义内容

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

若要将自定义内容添加到主页,请执行以下操作:

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

  2. 单击部分

  3. 单击 Add section(添加分区)。

  4. Advanced layout(高级布局)区域中,单击 Custom content(自定义内容)> 添加

  5. 单击 Custom content(自定义内容),然后输入要添加到主页的 HTML 代码。

  6. 单击保存

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

免费试用