Minimal 的分区

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

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

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

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

静态分区

Minimal 包括以下静态分区:

  • 标头
  • 页脚
  • 产品页面
  • 产品推荐
  • 产品系列页面
  • 产品系列列表页面
  • 博客
  • 文章
  • 购物车页面

动态分区

Minimal 包括以下动态分区:

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

标头

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

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

  • logo
  • 公告栏
  • 菜单
  • 搜索

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

  1. 点击标头。5. 在 Logo 图片区域中,点击选择图片,然后执行以下操作之一:* 若要选择已上传到 Shopify 后台的图片,请点击图库选项卡.* 若要从本地计算机选择图片,请点击图库 > 上传。 6. 在自定义 logo 宽度(以像素为单位) 字段中输入 logo 的宽度。 7. 若要将 logo 与商店的左边缘对齐,请选择左对齐 logo。取消选择此选项后,logo 居中显示。 8. 点击保存

添加公告栏

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

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

添加菜单

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

  1. 单击标头

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

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

    1. 若要将菜单在单独一行上居中显示,请选择在 logo 下方居中显示主菜单
  4. 若要在菜单的上方和下方添加一行,以从视觉上将菜单与商店的其余部分分开,请选择在标头中显示分割线

  5. 点击保存

启用搜索

您可以向标头添加搜索选项,以便客户可以在您的商店中快速找到商品。

  1. 点击标头。3. 选中显示搜索栏。4. 点击保存

页脚

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

  • 付款图标
  • 菜单
  • 新闻通讯注册
  • 包含有关您业务的信息的文本分区
  • 您的最新博客文章的摘录
  • 社交媒体图标

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

添加付款图标

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

  1. 单击页脚

  2. 查看显示付款图标

  3. 点击保存

添加菜单、新闻通讯注册、文本、社交媒体图标或您的最新博客文章

  1. 单击页脚

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

  • 菜单
  • 新闻通讯
  • 文本

    - 社交媒体账户

    - 最新博客文章

    您最多可以添加 6 个内容块。

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

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

  1. 点击保存

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

产品页面

产品页面将显示关于产品的所有详细信息,并包括添加到购物车按钮。您商店中的每种产品都有其自己的产品页面。您可以使用产品页面分区自定义产品页面上产品的外观和功能。

产品页面分区包括以下设置:

设置

  • 显示产品供应商 - 显示产品品牌或供应商。若要显示品牌或供应商,您需要向产品添加供应商
  • 显示数量选择器 - 让用户指定要添加到购物车的数量。
  • 图片缩放类型 - 设置产品图片的缩放风格。选择无缩放可阻止客户进行放大。
  • 产品缩略图位置 - 为其他产品图片设置缩略图的位置。

描述

  • 显示产品描述旁边的标签 - 在第二个标签上显示页面的内容,例如尺寸表或退货政策。选择要在标签内容中显示的页面。
  • 启用产品分享 - 显示客户可用于在社交媒体上分享产品的按钮。显示的分享选项由您的模板设置控制。

产品选项表单

  • 显示动态结账按钮 - 添加动态结账按钮
  • 多属性选择器和按钮大小 - 设置多属性选择器、添加到购物车按钮和动态结账按钮的大小。

自定义您的产品页面

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

产品推荐

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

启用产品推荐

  1. 选择产品页面

  2. 点击产品推荐分区。

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

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

    1. 可选:通过选中以下一个或多个选项来选择产品推荐的显示方式:* 显示产品厂商 * 显示“促销”圆圈 * 使产品图片下方的文本居中显示
  5. 点击保存

产品系列页面

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

  • 显示产品供应商 - 在产品标题下显示每个产品的供应商。
  • 显示产品促销圆圈 - 为正在促销的产品显示徽章。
  • 显示产品售罄圆圈 - 如果产品的库存水平为 0,则添加徽章和叠加。
  • 启用产品系列排序 - 让客户对您的产品系列页面上的产品进行排序。
  • 启用按产品标签排序 - 让客户按产品标签筛选产品系列。
  • 在产品图片下方居中显示文本 - 将每件产品的名称、价格和厂商居中显示在图片下方。

编辑产品系列页面设置

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

博客

如果多名员工撰写了您的博客文章,您可能需要在博客页面上自动显示每篇博客文章的作者姓名。

显示博客文章作者

  1. 选择博客。2. 点击博客分区。3. 选中显示博客文章作者。4. 点击保存

文章

文章分区是商店文章页面可以自定义的主要分区。文章模板用于博客文章。

文章分区包括以下设置:

  • 显示博客文章作者 - 如果有多名员工撰写博客文章,请选择此选项,以在博客文章标题下方显示作者。
  • 启用博客文章分享 - 在您的博客文章上显示社交分享按钮。您可以在社交媒体设置中选择可以用于分享的平台。

自定义文章分区

  1. 选择博客文章。2. 点击文章分区。3. 使用设置来对您的文章分区进行自定义。4. 点击保存

购物车页面

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

启用订单备注

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

特色产品系列

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

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

  • 标题 - 添加显示在产品系列中产品上方的文本。默认文本为特色产品系列
  • 产品系列 - 选择要显示在该分区中的产品系列。
  • 每行产品数 - 设置要在该分区的每一行中显示的产品数。
  • 行数 - 设置要在该分区中显示的产品的行数。
  • 显示产品供应商 - 在产品标题下显示每个产品的供应商。
  • 显示“促销”圆圈 - 为正在促销的产品显示徽章。
  • 显示“售罄”圆圈 - 如果产品的库存水平为 0,则添加标识和覆盖。
  • 在产品图片下方居中显示文本 - 将每件产品的名称、价格和厂商居中显示在图片下方。

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

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

幻灯片

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

幻灯片图片的建议大小为 1280 x 460 像素。

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

内容

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

设置

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

在主页中添加幻灯片

  1. 点击添加分区。2. 点击幻灯片,然后点击选择。3. 使用设置来自定义幻灯片。4. 点击保存

新闻通讯

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

向主页添加新闻通讯注册

  1. 点击添加分区

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

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

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

    1. 通过单击背景色样本并选择颜色,为新闻通讯注册分区设置背景颜色。
  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. 点击添加分区。3. 点击视频,然后点击选择。4. 使用设置来自定义视频分区。5. 点击保存

自定义 HTML

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

向主页添加自定义 HTML 分区

  1. 单击添加分区

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

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

  4. 点击保存

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

免费试用