Boundless 的分区

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

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

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

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

静态分区

Boundless 包括以下静态分区:

  • 侧边栏菜单
  • 公告栏
  • 标头
  • 幻灯片
  • 操作栏
  • 页脚
  • 产品
  • 产品推荐
  • 收藏
  • 产品系列列表页面
  • 文章

动态分区

Boundless 包括以下动态分区:

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

侧边栏菜单

侧边栏菜单就像商店的目录。此菜单显示在商店的所有页面上。

侧边栏菜单显示两个菜单。主菜单以较大的大小显示在顶部,而附加菜单以较小的大小显示在主菜单的下方。

您还可以在侧边栏中显示您的社交媒体账户的链接。这些链接由您的模板设置控制。

自定义侧边栏菜单

  1. 单击侧边栏菜单

  2. Primary menu(主菜单)列表中,选择要显示为主菜单的菜单。通常,这是商店的主菜单。

  3. Additional menu(其他菜单)列表中,选择要在主菜单下显示的菜单。通常,这是商店的页脚菜单。

  4. 点击保存

公告栏

您可以启用公告栏来向您的客户显示消息。您的消息可完全自定义,并且可以包含联系信息、链接、有关商店活动或促销的信息,以及商店的口号或品牌信息。公告栏可能会在您商店的所有页面上显示,但您可以选择仅在主页上显示。

启用公告栏

  1. 点击公告栏
  2. 勾选显示公告

    选择仅主页以仅在主页上显示公告消息。

  3. 输入您的公告的文本。

  4. 可选:输入 URL 以添加您的公告链接。

  5. 若要更改公告栏的背景色,请单击颜色样本并选择颜色。

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

  7. 点击保存

标头

模板的标头是显示在您商店中每个页面顶部的分区。您可以自定义标头中显示的 logo。

您可以添加仅在主页上显示的额外 logo。主页 logo 会显示在幻灯片上,因此您应选择一个易于在图片上看到的 logo 版本。

  1. 单击标头
  2. logo 区域中,点击选择图片,然后执行以下操作之一:- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。
  3. 若要从 Burst 中选择库存图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。
  4. 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  5. 可选:在主页 logo 区域中,点击选择图片,然后执行以下操作之一:- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。

  6. 若要从 Burst 中选择库存图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。

  7. 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  8. 自定义 logo 宽度 (以像素为单位) 字段中输入logo 的宽度。

  9. 点击保存

幻灯片

您可以在主页上添加幻灯片,最多可轮换五张图片。

最好为您的幻灯片使用高分辨率图片。使用 3840 x 2160 px 或更大的图片,但不要超过 Shopify 的上传限制

由于幻灯片的大小和形状取决于客户设备的大小和形状,因此,您的幻灯片图片将在某些屏幕上被裁剪。尝试使用中间有焦点的图片,这样每张图片的重要部分都能始终可见。

若要详细了解适用于幻灯片图片的最佳做法,请参阅上传图片

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

  • 幻灯片高度 - 设置幻灯片的高度。选择 Adapt to first image slide height(适应第一张图片幻灯片高度),基于第一张图片的高度设置幻灯片的高度。
  • 自动循环播放幻灯片 - 将幻灯片设置为自动播放。
  • 幻灯片更改时间间隔 - 选择更改幻灯片的频率。
  • 文本和图标 - 为显示在幻灯片上的文本和图标选择一种颜色。
  • 图片叠加 - 在图片幻灯片上添加一层颜色。叠加使幻灯片文本更易于阅读。
  • 不透明度 - 设置叠加的不透明度。
  • 图片 - 为幻灯片放映添加图片幻灯片。
  • 图片位置 - 选择图片中最重要的区域作为幻灯片的焦点。
  • 标题 - 向幻灯片添加标题。
  • 按钮文本 - 向幻灯片添加带文本标签的按钮。
  • 按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮,请将此字段留空。

自定义幻灯片

  1. 单击幻灯片

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

  3. 点击保存

操作栏

默认情况下,操作栏会显示商店的主菜单。您可以自定义菜单,以根据客户查看的页面显示不同的商品。在主页上,操作栏通常用于显示产品系列。在产品系列中,操作栏可以显示更多子类别或其他相关产品系列。

例如,如果您的商店销售服装,主页上的操作栏可能会显示男装女装配饰。如果客户单击女装,则产品系列页面的操作栏上可能显示上装下装鞋类

若要使操作栏以这种方式工作,请在主菜单上使用指向产品系列的链接。在页脚菜单中放置指向商店其他部分(联系人关于页面)的链接。

提示:

如果在操作栏上创建链接到主页的菜单,则该菜单也将显示在主页上。为尚不存在的产品系列设置菜单时可能会发生这种情况,因此应改为创建指向主页的占位符链接。

在为操作栏创建产品系列链接之前,应先创建产品系列。或者,在创建要链接到的产品系列之前,您可以先链接到“所有产品”页面。

自定义操作栏

  1. 单击操作栏

  2. 菜单列表中,选择要在操作栏中显示的菜单。

  3. 点击保存

页脚

您的模板页脚是商店中每个页面底部显示的分区。通过 Boundless,您可以在页脚中显示您接受的付款方式的菜单和图标。

您还可以在页脚中显示指向您的社交媒体账户的链接。这些链接由您的模板设置控制。

向页脚添加菜单

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

  1. 单击页脚

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

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

  4. 点击保存

添加付款图标

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

  1. 单击页脚

  2. 查看显示付款图标

  3. 点击保存

产品

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

  • 跳过第一张产品图片 - 启用此选项后,第一张产品图片仅显示在产品系列页面上,而不显示在产品页面上。使用此选项时,您可以设计第一张产品图片,使其在产品系列页面上看起来效果最佳,并定制其他产品图片,使其在产品页面提供的更大空间中看起来效果更好。
  • 图片样式 - 选择高/正方形
  • 显示厂商 - 在产品页面显示产品品牌或厂商。若要显示品牌或厂商,您需要向产品添加厂商
  • 显示数量选择器 - 让用户指定要添加到购物车的数量。
  • 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。
  • 产品表单宽度 - 选择的宽度。

您还可以在产品页面上显示产品推荐。

自定义产品分区

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

产品推荐

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

启用产品推荐

  1. 选择产品页面

  2. 点击产品推荐分区。

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

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

    1. 可选:若要在产品描述中显示或隐藏供应商,请使用显示供应商复选框。
  5. 点击保存

收藏

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

  • 图片样式 - 选择您希望将图片方向设置为高/正方形还是的形式。

    如果产品图片是正方形或纵向的,则高/正方形最为合适。

    如果您的图片是矩形或横向的,则最为合适。

  • 图片大小 - 选择图片大小。如果显示较小的产品图片,则可在一行中放入更多图片。每行显示的图片数量也取决于客户的设备以及窗口大小。

  • 在图片之间添加间距 - 增加产品图片周围的间距。

  • 显示产品供应商 - 在产品图片下方显示产品品牌或供应商。若要显示品牌或供应商,您需要向产品添加供应商

  • 显示排序选项 - 选择此选项可让客户对产品系列页面上的产品进行排序。

  • 显示标签筛选 - 选择此选项可让客户按产品标签筛选产品系列。

  • 分页类型 - 当产品系列中有多页产品时,选择要显示已进行编号的页面还是查看更多按钮。

自定义产品系列分区

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

特色产品系列

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

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

  • 产品系列 - 选择要在分区中显示的产品系列。您选择的产品系列中最多可显示 50 件产品。
  • 图片样式 - 选择您希望将图片方向设置为高/正方形还是的形式。

    如果产品图片是正方形或纵向的,则高/正方形最为合适。

    如果您的图片是矩形或横向的,则最为合适。

  • 图片大小 - 选择图片大小。如果显示较小的产品图片,则可在一行中放入更多图片。每行显示的图片数量也取决于客户的设备以及窗口大小。

  • 启用图片间距 - 增加产品图片周围的间距。

  • 显示产品供应商 - 在产品图片下方显示产品品牌或供应商。若要显示品牌或供应商,您需要向产品添加供应商

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

  1. 单击添加分区
  2. 单击特色产品系列,然后单击选择
  3. 单击选择产品系列,然后从产品系列列表中选择一个产品系列。您选择的产品系列中最多可显示 50 个产品。
  4. 使用设置来自定义分区。
  5. 点击保存

新闻通讯

您可以在主页上添加新闻通讯注册。这使您能够收集客户电子邮件地址以用于电子邮件营销活动。您可以在 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/Oc5v_ToKP7c。您可以在此 YouTube 帮助文章中了解如何复制 YouTube 视频的分享链接。
  • Vimeo - Vimeo 共享链接如下所示:https://vimeo.com/123456789。您可以在此 Vimeo 帮助中心文章中了解如何复制 Vimeo 视频的共享链接。

视频分区包括以下设置:

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

将视频添加到您的主页

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

自定义 HTML

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

向主页添加自定义 HTML 分区

  1. 单击添加分区

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

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

  4. 点击保存

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

免费试用