Debut 的模板设置

您可以使用模板设置来自定在线商店的颜色和版式。您还可以设置指向社交媒体账号的链接、编辑购物车设置以及添加网站图标。

颜色

您可以为在线商店的不同部分选择颜色。

自定义颜色设置

桌面

1. 在 Shopify 后台中，转到在线商店 > 模板。
2. 点击 的模板设置 旁边的自定义。

iPhone

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

Android

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

1. 点击模板设置。
2. 点击颜色。

3. 若要打开颜色选择器，请点击要更改的内容类型颜色的颜色样本。最近选择区域显示您最近为模板选择过的颜色。当前使用区域显示您当前在模板的其他部分中使用的颜色。

4. 点击保存。

版式

您可以设置在线商店上的文本的字体样式和大小。您可以选择系统字体或自定义字体。

建议您在商店中使用系统字体。使用系统字体可避免在客户的计算机上下载新字体，从而避免对您的商店加载速度产生负面影响。客户的计算机上显示的字体取决于其操作系统。详细了解系统字体。

自定义字体设置

桌面

1. 在 Shopify 后台中，转到在线商店 > 模板。
2. 点击 的模板设置 旁边的自定义。

iPhone

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

Android

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

1. 点击模板设置。

2. 点击 Typography（字体）。

3. 对于每种类型的文本，点击更改以使用字体选择器。

4. 通过使用搜索字段或通过点击加载更多来浏览字体。

5. 点击要使用的字体名称。

6. 若要将字体更改为其他样式，请点击当前字体样式的名称，然后从下拉菜单中选择新字体样式。

7. 单击选择。

8. 点击保存。

搜索

Debut 包含预测搜索。它在客户开始输入搜索字段时显示产品建议。产品建议可帮助客户阐明和细化他们的搜索查询，并为他们提供新的在线商店浏览路径。它们还可以让客户快速浏览搜索匹配项，而无需离开当前页面来另外查看搜索结果。

您可以自定义以下搜索设置：

• 启用产品建议 - 启用或禁用产品建议。
• 显示供应商 - 在产品建议中显示或隐藏供应商。
• 显示价格 - 在产品建议中显示或隐藏价格。

更改预测搜索设置

桌面

1. 在 Shopify 后台中，转到在线商店 > 模板。
2. 点击 的模板设置 旁边的自定义。

iPhone

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

Android

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

1. 点击模板设置。
2. 点击搜索
3. 使用设置来自定义商店的搜索行为。
4. 点击保存。

要了解有关产品建议的工作原理的详细信息，请参阅预测搜索。

社交媒体

您可以为产品和博客文章添加社交共享按钮以及转至您社交媒体账户的链接。 转至您社交媒体账户的链接显示在您的在线商店的页脚中。

自定义社交媒体设置

桌面

1. 在 Shopify 后台中，转到在线商店 > 模板。
2. 点击 的模板设置 旁边的自定义。

iPhone

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

Android

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

1. 点击模板设置。

2. 点击社交媒体。

3. 若要上传社交分享图片，请在社交分享图片区域中，点击选择图片或浏览免费图片。

4. 若要在产品和博客文章中添加社交分享按钮，请选中以下任一选项或所有选项：

5. 若要添加您的社交媒体账户的链接，请在账户下提供的字段中输入指向您账户的链接。输入完整的链接，例如 https://instagram.com/shopify 或 https://twitter.com/shopify。

6. 点击保存。

备注：要在产品页面和博客文章上显示社交共享按钮，您还需要在这些页面的分区中启用这些按钮。

网站图标

您可以添加帮助您建立在线商店品牌的网站图标。网站图标会显示在以下位置：

• 您的 Web 浏览器标签
• 您的 Web 浏览器历史记录
• 桌面上的图标
• 添加为书签后，会显示在您的在线商店名称旁

详细了解网站图标。

提示：

建议的网站图标大小为 32 x 32 px。更大的图片可能缩小为 32 x 32 px，具体取决于您使用的模板。

自定义您的网站图标

桌面

1. 在 Shopify 后台中，转到在线商店 > 模板。
2. 点击 的模板设置 旁边的自定义。

iPhone

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

Android

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

1. 点击模板设置。
2. 点击网站图标。

3. 在网站图标图片区域中，点击选择图片，然后执行以下操作之一：

   • 若要选择已上传到 Shopify 后台的图片，请点击库选项卡。
   • 若要从本地计算机选择图片，请点击库选项卡，然后点击上传。

4. 将替代文本添加到网站图标图片：

   1. 点击编辑。
   2. 在编辑图片窗口中，输入该图片的简要说明。
   3. 点击保存。

5. 点击保存。

“添加到购物车”通知

当客户将产品添加到购物车时，您可以显示包含购物车页面链接的通知。

如果禁用此通知，将商品添加到购物车后，客户将直接进入购物车页面。

启用“添加到购物车”通知

桌面

1. 在 Shopify 后台中，转到在线商店 > 模板。
2. 点击 的模板设置 旁边的自定义。

iPhone

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

Android

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

1. 点击模板设置。
2. 点击“添加到购物车”通知。
3. 选择是否启用将产品添加到购物车时显示通知设置。
4. 点击保存。

结账

此分区使您可以自定义商店的结账。有关商店结账页面的详细信息，请参阅 Shopify 结账。

模板风格

许多模板附带多种风格。模板风格控制模板的默认设置。重置模板风格时，您对模板设置所做的任何更改都将丢失。您不会丢失文本和图片等内容。

您可以在 Shopify 模板商店中预览 Debut 的替代风格。

桌面

1. 在 Shopify 后台中，转到在线商店 > 模板。
2. 点击 的模板设置 旁边的自定义。

iPhone

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

Android

1. 在 Shopify 应用中，轻触商店。
2. 在销售渠道部分，轻触在线商店。
3. 轻触 Manage themes（管理模板）。
4. 在 的模板设置 旁边，轻触自定义。
5. 轻触编辑。

1. 点击模板设置。

2. 点击模板风格。

3. 选择要应用的模板风格。

4. 点击更改样式。

5. 点击保存。