Express 分区
模板内容是使用分区生成的。分区是可自定义的内容块,可确定在线商店中不同页面的布局和外观。
静态分区 是显示在您的在线商店中的预定位置的分区。无法删除或重新排列这些分区。静态分区可能包括产品页面和产品系列页面等页面上的标头、页脚、网站地图分区或内容分区。例如, 产品 部分决定了在线商店上每个产品页面的外观。
动态分区 是可选分区,可用于自定义主页的布局。 在商店主页上,您可以 添加、 重新排列和 删除 动态分区以创建页面布局。您的主页上最多可以包含25个动态分区。
您可以了解 Express 的独特分区选择以及如何对它们进行自定义以适用于您的业务。
静态分区
Express 包括以下静态分区:
- 标头
- 页脚
- 产品
- 产品推荐
动态分区
Express 包括以下动态分区:
- 特色产品系列
- 特色产品
- 自定义内容
- 带文本图片
标头
模板的标头是显示在您商店中每个页面顶部的分区。
您可以在标头中自定义以下项目:
- logo
- 公告栏
- 菜单
- 搜索
添加自定义 logo
您可以将自定义 logo 图片添加到商店的标头中。最佳格式是具有透明背景的 .png
文件。Logo 的最大宽度为 180px。您可以通过增加或缩小宽度来调整 logo 图片的大小。
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 单击标头。
- 在 logo 图片区域中,单击选择图片,然后执行以下操作之一: - 若要选择已上传到 Shopify 后台的图片,请点击库选项卡。
- 若要从本地计算机选择图片,请依次单击库 > 上传。
- 使用自定义 logo 宽度滑块,自定义 logo 宽度。
- 点击保存。
添加公告栏
您可以在标头中添加公告栏,以便使用该栏向客户显示消息。您的消息是可以自定义的,并且可以包含联系信息、有关商店活动或促销的信息,或者商店的标语。
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 单击标头。
- 在公告栏区域中,选中显示公告。
- 输入您的公告的文本。
- 可选:输入 URL 以添加您的公告链接。
- 可选:在图标菜单中,选择要在公告栏中显示的图标。此图标使用与公告文本相同的颜色。
- 若要更改公告栏的背景色,请单击栏颜色样本并选择颜色。
- 若要更改公告文本的颜色,请单击文本颜色样本并选择颜色。
- 点击保存。
添加菜单
您可以向标头添加菜单。这会在标头中显示菜单的所有链接,您可以使用这些链接突出显示客户想访问的常用页面。例如,您可以添加包含产品系列链接的菜单。
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
单击标头。
若要选择菜单,请点击更改。从列表中选择菜单,或点击创建菜单来创建新菜单。
若要编辑菜单,请点击编辑菜单。
点击保存。
启用搜索
您可以向标头添加搜索选项,以便客户可以在您的商店中快速找到商品。
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 单击标头。
- 勾选显示搜索。
- 点击保存。
页脚
模板的页脚是显示在商店中每个页面底部的分区。 您可以向页脚中添加以下功能:
- 付款图标
- 菜单
- 新闻通讯注册
- 包含有关您业务的信息的文本分区
- 社交媒体图标
- 语言选择器
添加付款图标
您可以在页脚中显示您接受的付款方式的图标。此区域会显示与您在后台的付款设置部分中启用的支付服务提供商相关联的图标。
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
单击页脚。
查看显示付款图标。
点击保存。
添加菜单、新闻通讯注册或文本
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
单击页脚。
若要添加内容块,请点击内容区域中的添加内容。从以下选项中选择块的类型:
- [Menu](/manual/online-store/os/menus-and-links)
- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)
- Text
您最多可以添加 4 个内容块。
若要删除内容块,请单击该块,然后单击删除内容。
若要自定义内容块,请单击该块并编辑设置。
- 点击保存。
提示:您可以通过使用每个块的拖放名称
⋮⋮
来重新排列此分区中的块。
添加社交媒体图标
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
单击模板设置。
-
单击社交媒体。
- 若要上传 社交分享图片,请在社交分享图片区域,单击选择图片或浏览免费图片。
若要在产品和博客文章中添加社交分享按钮,请选中以下任一选项或所有选项:
- 在 Facebook 上共享 - 在 Twitter 上发推文 - Pin on Pinterest(固定在 Pinterest 上)(不适用于共享博客文章)
-
若要添加您的社交媒体账户的链接,请在账户下提供的字段中输入指向您账户的链接。输入完整的链接,例如
https://instagram.com/shopify
或https://twitter.com/shopify
。- 若要更改分享按钮的样式,请从按钮样式菜单中选择完全品牌化或仅 Logo。
点击保存。
添加语言选择器
如果您已启用多种商店语言,则应仅添加语言选择器。
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
单击分区。
单击页脚。
在语言选择器下,选择显示语言选择器。
点击保存。
产品
当买家点击特色产品系列中的产品时,产品页面就会显示。其中显示了产品的描述、价格、多属性和图片。您可以选择是将用户定向到新页面,还是在主页上的叠加中显示产品详细信息。此设置由您的模板设置控制。启用以叠加方式显示产品页面时,从特色产品系列中选择产品便会以得加叠加的形式显示产品页面。
产品分区包括以下设置:
- 显示数量选择器 - 让用户指定要添加到购物车的数量。
- 显示厂商 - 在产品页面显示产品品牌或厂商。若要显示品牌或厂商,您需要向产品添加厂商。
- 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。
- 在叠加页面中显示产品页面 - 选择此选项可在当前页面上方的叠加页面中显示产品详细信息。选择特色产品系列中的产品时,便会显示此叠加页面。
- 显示社交分享按钮 - 显示客户可用于在社交媒体上分享您的产品的按钮。这些按钮由您的模板设置控制。
编辑产品设置
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 打开页面顶部的下拉菜单。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触模板。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触模板。
- 单击产品。
- 使用设置来自定义您的产品页面。
- 点击保存。
产品推荐
您可以在产品页面上展示推荐产品,让客户更轻松地发现其他可能感兴趣的产品。
如果为您的产品页面启用了在叠加页面中显示产品页面,从此部分进行访问时,产品会显示在当前页面上方的叠加页面中。
启用产品推荐
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 打开页面顶部的下拉菜单。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触模板。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触模板。
选择产品页面。
点击产品推荐分区。
选中显示动态建议以在产品页面上显示产品推荐。
-
可选:若要更改推荐产品上方显示的标题,请在标题字段中输入新标题。
- 可选:如果您想让客户直接从产品推荐部分将产品添加到购物车,请选择启用“快速购买”按钮。
- 可选:若要在产品描述中显示或隐藏供应商,请使用显示供应商复选框。
点击保存。
特色产品系列
您可以在主页的单个分区中显示多个产品系列。产品系列以选项卡的形式显示,客户可在其中进行导航。
当客户将特色产品系列中的一件或多件产品添加到他们的购物车时,添加到购物车的产品数量会显示为产品的徽章。
特色产品系列分区包括以下设置:
- 产品系列 - 选择要包含在特色产品系列部分中的产品系列。
-
产品系列列表大小 - 选择默认显示的产品数量。此设置适用于特色产品系列分区中的所有产品系列。 - 小型 - 6 件产品
- 中型 - 18 件产品
- 大型 - 36 件产品
图片样式 - 为产品系列中的产品图片选择图片裁剪样式。此设置适用于分区中的所有产品系列。
提示:当客户从特色产品系列部分点击产品时,可以在主页上的叠加中打开它。若要了解详细信息,请参阅更改产品页面样式。
向主页添加特色产品系列分区
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 单击添加分区。
- 点击特色产品系列,然后点击选择。
- 在内容区域中,选择一个产品系列块或单击添加产品系列。
- 单击选择产品系列。
-
在产品系列列表中,选择要在选项卡中显示的产品系列,然后点击选择。
若要添加产品系列,请单击添加产品系列链接以在新选项卡中打开创建产品系列页面。
若要添加或删除所选产品系列中的产品,请单击编辑产品系列链接在新选项卡中打开产品系列页面。
重复步骤 3-5,向该部分添加更多产品系列。
点击保存。
提示:若要更改分区中产品系列选项卡的顺序,请重新排列内容区域中的产品系列。点击产品系列的
⋮⋮
图标,然后将该块拖动到其他位置。
特色产品
您可以在主页上突出展示产品。突出展示产品是推销新产品或促销产品的有效方法。客户可以使用图片下方的左右箭头查看其他产品图片。
特色产品分区包括以下设置:
- 产品 - 选择要在主页上特别展示的产品。
- 显示数量选择器 - 让用户指定要添加到购物车的数量。
- 显示供应商 - 在特色产品分区展示产品品牌或供应商。若要显示品牌或供应商,您需要向产品添加供应商。
- 显示动态结账按钮 - 让客户跳过购物车并直接从特色产品分区转到结账页面。
- 显示社交分享按钮 - 显示客户可用于在社交媒体上分享您的产品的按钮。这些按钮由您的模板设置控制。
- 图片样式 - 选择是否向您的特色产品图片添加正方形或圆形裁剪样式。
添加特色产品分区
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 单击添加分区。
- 单击特色产品,然后单击选择。
- 使用设置来自定义您的特色产品分区。
- 点击保存。
自定义内容
在自定义内容分区中,您可以将多个内容块组合在一起。您可以调整每个块的宽度和对齐方式,以形成自定义布局。
自定义内容分区包括以下设置:
标题 - 分区的标题。
-
移动布局 - 从移动设备中查看您的商店时所呈现的块的布局。从以下选项中进行选择:
- 网格 - 宽度为 50% 以下的块在同一行中显示。宽度超过 50% 的容器则在其各自的行中显示。
- 堆栈 - 每个块都在各自的行中显示。
- 滑块 - 各个块折叠成一个幻灯片样式的分区。客户可以点击导航箭头来查看其他块。
您可以从以下块类型中进行选择。
提示:您可以通过使用每个块的拖放名称
⋮⋮
来重新排列此分区中的块。
块类型 | 设置 |
---|---|
文本 |
标题 - 向文本块添加标题。 文本 - 添加自定义文本并设置格式。 按钮标签 - 向块中添加带文本标签的按钮。 按钮链接 - 添加您希望在按钮上显示的文本。 文本大小 - 设置文本的大小。 容器宽度 - 设置块的宽度。 垂直对齐 - 将块中的内容设置为垂直位置。 水平对齐 - 设置内容在块中的水平位置。 |
图片 |
图片 - 添加要在块中显示的图片。您可以上传图片、使用先前上传的图片或从 Burst 中选择免费的库存图片。 容器宽度 - 设置块的宽度。 垂直对齐 - 将块中的内容设置为垂直位置。 |
产品 |
产品 - 选择要在块中突出展示的产品。会显示产品名称、图片和价格。如果产品没有图片,产品标题会显示在该块中。 容器宽度 - 设置块的宽度。 垂直对齐 - 将块中的内容设置为垂直位置。 如果为您的产品页面启用了在叠加页面中显示产品页面,从此部分访问时,产品会显示在当前页面上方的叠加页面中。 |
收藏 |
产品系列 - 选择要在块中突出展示的产品。系统会显示产品系列的标题和配图。如果没有配图,则会显示产品系列中第一个产品的图片。如果产品系列中的产品没有图片,产品系列标题会显示在该块中。 容器宽度 - 设置块的宽度。 垂直对齐 - 将块中的内容设置为垂直位置。 |
菜单 |
菜单 - 选择要在块中显示的菜单。 标题 - 为菜单添加标题。 容器宽度 - 设置块的宽度。 垂直对齐 - 将块中的内容设置为垂直位置。 水平对齐 - 设置内容在块中的水平位置。 |
向主页添加自定义内容
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
单击 Add section(添加分区)。
点击自定义内容,然后点击选择。
选择并配置要包含在分区中的内容块。
点击保存。
带文本图片
通过 Express,您可以在图片的右侧或左侧添加显示文本的图片。您还可以添加链接到其他页面的按钮。
您可以使用带有文本的图片分区来宣传特定产品或产品系列。
带文本图片分区包括以下设置:
- 图片 - 添加要包含在分区中的图片。您可以上传图片、使用先前上传的图片或从 Burst 中选择免费的库存图片。
- 标题 - 添加与图片配对的主要文本。
- 文本 - 添加与图片配对的辅助文本。此文本显示在标题文本下方。
- 按钮标签 - 添加您希望在按钮上显示的文本。
- 按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮,请将此字段留空。
布局选项
- 桌面 - 在从台式机查看时,选择分区中的图片显示在左侧还是右侧。若要在左侧显示图片,请先选择图片在前。
- 移动 - 选择从移动设备查看时,分区中的图片是首先显示还是第二显示。
- 辅助背景 - 选择是否向该分区添加辅助背景颜色。选择部分可将背景颜色添加到分区的前 3/5。该颜色可以在模板设置中进行修改。该颜色可以在模板设置中进行修改。
- 文本大小 - 选择分区中标题和文本的相对大小。
- 保持图片比 - 选择此选项以防止裁剪所选图片。如果未选中此选项,图片将裁剪为正方形。
- 启用辅助文本颜色 - 选择此选项即可使用标题和文本的辅助背景文本颜色。该颜色可以在模板设置中进行修改。
向主页添加带文本图片分区
- 在 Shopify 后台中,转到在线商店 > 模板。
- 单击 分区 旁边的自定义。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 在 Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触 Manage themes(管理模板)。
- 在 分区 旁边,轻触自定义。
- 轻触编辑。
- 单击添加分区。
- 单击带文本图片,然后单击选择。
- 在图片区域中,单击选择图片,然后执行以下操作之一:- 若要选择已上传到 Shopify 后台的图片,请单击库选项卡。
- 若要从 Burst 中选择库存图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。
若要从本地计算机选择图片,请点击库选项卡,然后点击上传。
使用设置来自定义分区。
点击保存。