Venture 的分区

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

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

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

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

静态分区

Venture 包括以下静态分区:

  • 标头
  • 页脚
  • 产品页面
  • 产品推荐
  • 收藏
  • 产品系列列表页面
  • 购物车页面
  • 文章内容
  • 特色产品

动态分区

Venture 包括以下动态分区:

  • 博客文章
  • 幻灯片
  • 产品系列列表
  • 特色产品系列
  • 特色产品
  • 图库
  • 带文本图片
  • 包含文本链接的图片
  • logo 列表
  • 多个链接块
  • 新闻通讯
  • 地图
  • 搜索
  • 富文本
  • 感言
  • 带图片的文本列
  • 视频
  • 自定义 HTML

标头

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

  • Logo 图片
  • 网站地图菜单
  • 公告栏

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

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

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

添加公告栏

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

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

添加菜单

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

  1. 单击标头

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

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

  4. 点击保存

在菜单中显示或隐藏产品系列图片

您可以在 Venture 下拉菜单中显示产品集合中的产品的图片。如果客户在菜单中看到其喜欢的商品,他们可以直接前往产品页面,而无需在产品系列页面查找该商品。

标头,其中已选择菜单。产品系列中的产品的图片会出现在菜单中。

若要显示产品系列中的产品图片,您的菜单必须符合以下条件:

  • 您的菜单必须包含嵌套菜单项
  • 顶级产品必须是产品系列。
  • 将顶级产品系列添加到菜单时,您必须从链接菜单中进行选择。如果您在链接字段中手动输入产品系列 URL,则不会显示图片。

如果您的菜单不符合这些条件,那么顶部导航菜单将显示链接,而不是产品图片。

若要隐藏嵌套菜单顶层的产品图片,请手动在链接字段中输入该产品系列 URL。

页脚

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

  • 付款图标
  • 菜单
  • 社交媒体图标
  • 新闻通讯注册
  • 文本

页脚中显示的社交媒体图标由您的模板设置控制。

添加付款图标

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

  1. 单击页脚

  2. 查看显示付款图标

  3. 点击保存

添加菜单、新闻通讯注册、社交媒体图标或文本

  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


- Social accounts

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

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

  1. 点击保存

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

产品页面

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

  • 在将产品添加到购物车时停留在当前页面 - 如果希望客户在点击添加到购物车按钮时停留在产品页面上,而不是转到购物车页面,请选择此选项。
  • 有货产品少于 10 件时显示库存 - 在库存不足时显示剩余库存。若要显示库存水平,您需要为产品启用库存跟踪
  • 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。
  • 启用产品分享 - 显示客户可用于在社交媒体上分享产品的按钮。显示的分享选项由您的模板设置控制。

编辑产品页面设置

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

产品推荐

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

启用产品推荐

  1. 选择产品页面

  2. 点击产品推荐分区。

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

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

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

收藏

产品系列页面显示该产品系列中的所有产品。商店中的每个产品系列都有其自己的产品系列页面。

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

  • 启用标签筛选 - 添加一个筛选器,客户可以用于查看产品系列中带有特定标签的产品。若要在产品系列页面上显示筛选器,您需要向该产品系列中的产品添加标签
  • 启用排序 - 添加一个菜单,客户可以使用此菜单以不同的方式对产品系列进行排序,例如按特色、按字母顺序或按价格排序。

可在模板设置中进行产品系列页面的详细设置。

自定义您的产品系列分区

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

购物车页面

购物车页面分区是在线商店的购物车中可以自定义的主要分区。在购物车页面分区中,您可以启用购物车备注来让您的客户在他们的订单中包含特殊说明。

启用订单备注

  1. 选择购物车
  2. 单击购物车页面分区。
  3. 选择启用订单备注
  4. 点击保存

文章内容

文章内容分区是商店的文章页面中可以自定义的主要分区。文章页面模板用于博客文章。在文章页面上,您可以启用社交分享选项,以便客户可以与他人分享您的文章。

启用博客文章分享

  1. 选择博客文章
  2. 点击文章内容分区。
  3. 选中启用博客文章共享以在博客文章上显示社交共享按钮。您可以在社交媒体设置中选择可以用于共享的平台。
  4. 点击保存

特色产品

特色产品分区是商店文章页面上的另一个可自定义分区。当客户在您的商店中查看博客文章时,您可以从选择的产品系列中显示特色产品。例如,对于秋季时尚相关博客文章,您可以在文章下方展示秋季产品系列中的产品。

在文章页面上显示特色产品

  1. 选择博客文章
  2. 单击特色产品分区。
  3. 产品系列列表中,选择要显示的产品系列。
  4. 点击保存

幻灯片

使用 Venture,您可以在主页上显示大型幻灯片。

幻灯片图片的建议大小为 1800 x 1000px。Venture 的幻灯片响应迅速,这意味着它将根据客户用于查看商店的设备动态调整图片大小并裁剪图片。有关优化图片的详细信息,请参阅图片最佳做法

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

内容

  • 图片 - 添加要在幻灯片中显示的图片。
  • 链接 URL - 将幻灯片链接到在线商店的另一部分。
  • 图片位置 - 选择图片中最重要的区域作为幻灯片的焦点。
  • 标题 - 向幻灯片添加标题。
  • 按钮文本 - 向幻灯片添加带文本标签的按钮。
  • 按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮,请将此字段留空。

设置

  • 幻灯片高度 - 设置幻灯片的高度。选择适应第一张图片以基于第一张图片的高度设置幻灯片的高度。
  • 自动循环播放幻灯片 - 将幻灯片设置为自动播放。
  • 幻灯片更改时间间隔 - 选择更改幻灯片的频率。

自定义幻灯片

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

    1. 若要更改幻灯片中显示图片的哪一部分,请从图片位置下拉菜单中选择一个选项。
    2. 如果要添加指向幻灯片的链接,请执行以下操作之一: - 如果您要将幻灯片上的文本链接到商店中的页面,请单击 Link URL(链接 URL)字段并选择页面。
    3. 如果您要将幻灯片上的文本链接到某个网站,请将该网站的 URL 粘贴到链接 URL 字段。
    4. 如果要向幻灯片添加文本,请执行以下操作:
      1. 标题字段中,键入要在幻灯片上显示的标题。
      2. 子标题字段中,键入要在标题下方显示的子标题文本。
  6. 使用设置来自定义幻灯片。

  7. 点击保存

产品系列列表

在台式机和平板电脑上,您最多可以在主页上展示六个特色产品系列。

在移动设备上,特色产品系列分区会默认显示您商店的主菜单。这让使用移动设备的客户能够更加轻松地访问您商店的整个库存。

您可以选中使用辅助图片布局,使产品系列图片填充整个图块。如果选择此选项,则可能需要更改特色产品系列标题颜色设置

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

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

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

特色产品系列

您可以在主页上特别展示您的某一产品系列中的产品。

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

  • 产品系列 - 选择特色产品的来源产品系列。
  • 行数 - 设置要在该分区中显示的产品的行数。

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

  1. 点击添加分区
  2. 单击特色产品系列,然后单击选择
  3. 通过点击选择产品系列并从列表中选择产品系列,选择要在分区中作为特色产品显示的产品系列。
  4. 使用设置来自定义您的特色产品系列部分。
  5. 点击保存

特色产品

您可以在主页上展示产品。展示产品是推销新产品或打折产品的好方法。

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

  • 产品 - 选择要在主页上特别展示的产品。
  • 在将产品添加到购物车时停留在当前页面 - 如果希望客户在点击添加到购物车按钮时停留在产品页面上,而不是转到购物车页面,请选择此选项。
  • 有货产品少于 10 件时显示库存 - 在库存不足时显示剩余库存。若要显示库存水平,您需要为产品启用库存跟踪
  • 启用产品分享 - 显示客户可用于在社交媒体上分享产品的按钮。显示的分享选项由您的模板设置控制。显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。

将特色产品添加到您的主页

  1. 点击添加分区
  2. 单击特色产品,然后单击选择
  3. 通过点击选择产品并从列表中选择产品,选择要在该分区中作为特色产品显示的产品。
  4. 使用设置来自定义您的特色产品分区。
  5. 点击保存

带文本图片

Venture 包含一个带文本图片分区,其中可包含图片和文本块组合。

  1. 单击 Image with text(带文本图片)。
  2. 要添加图片,请执行以下操作:
    1. 点击添加内容 > 图片
    2. 点击图片块以对其进行编辑。
    3. 图片区域中,单击选择图片,然后执行以下操作之一:- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。
  3. 若要从 Burst 中选择库存图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。
  4. 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  5. 若要添加文本,请执行以下操作:

    1. 点击添加内容 > 带文本图片
    2. 标题字段中,键入要显示的标题文本。
    3. 文本字段,键入要显示在标题下方的文本。
    4. 文本对齐方式区域中,选择要在块中对齐段落的方式。
  6. 点击保存

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

新闻通讯

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

向主页添加新闻通讯注册

  1. 点击添加分区

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

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

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

  5. 点击保存

地图

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

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

地图分区包括以下设置:

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

在主页中添加地图

  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. 通过设置来对您的视频分区进行自定义。
  5. 点击保存

自定义 HTML

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

向主页添加自定义 HTML 分区

  1. 单击添加分区

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

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

  4. 点击保存

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

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

免费试用