编辑模板

您可以编辑模板以自定义在线商店的内容、布局、版式和颜色。每个模板都提供了一些分区和设置，可供您用于更改商店的外观，而无需编辑任何代码。

自定义模板前的准备工作

在自定义模板之前，最好执行以下任务：

• 复制您的模板以创建一个备份副本。这使您在需要时能够轻松地放弃更改并重新开始进行自定义。
• 确保您了解可用的支持级别。
• 了解上传图片的要求和最佳做法。

模板编辑器

模板编辑器会在树形图中显示您当前在侧边栏中查看的模板的所有内容。您可以使用展开图标▸来展开分区结点以查看其中的块，还可以使用折叠图标▾将其折叠来隐藏块。您可以点击任何分区或块来查看其设置。

预览检查器

预览检查器是模板编辑器中的新功能。此功能可用于直接从预览窗口导航到分区和块，以及更快捷、更直观地查找相应的设置。通过使用预览检查器，您可以直接从预览窗口对分区和块执行重新排序、隐藏或删除操作。

预览检查器在所有免费的Shopify模板中可用，并且是默认启用。您可以在编辑访问期间通过切换按钮来打开或关闭预览检查器。

启用预览检查器后，您可以点击任何轮廓元素以打开相应的设置。

预览检查器会在预览窗口中已点击的分区和块周围显示两种不同的边框：

• 蓝色实线：活跃分区。侧边栏中的相应设置会以灰色突出显示。
• 蓝色点线：分区的关联块。点击预览窗口中的项将打开该块或分区对应的设置。

点击预览窗口中网站的任何部分都会加载侧边栏中的相应设置。

在预览检查器中添加分区和块

使用预览检查器时，您可以直接从预览窗口向您的模板中添加分区和块。

预览检查器工具

您可以使用预览检查器从模板编辑器中移动、隐藏或删除分区和块。

侧边栏模式

模板编辑器提供两种模式来利用屏幕上的所有空间。

双侧边栏模式适合较宽的浏览器窗口和较大的屏幕，而单侧边栏模式适合较窄的浏览器窗口和较小的屏幕。侧边栏模式决定了设置面板在编辑器中的显示位置。

双侧边栏模式

如果您的屏幕宽度大于 1600 像素并且浏览器窗口已完全展开，或者您的浏览器窗口已扩展到至少 1600 像素宽度，此时将显示两个侧边栏。左侧的侧边栏包含导航面板，右侧的侧边栏包含设置面板。

单侧边栏模式

较窄的浏览器窗口仅显示一个侧边栏来为模板预览留出空间。点击分区或块以对其进行编辑时，设置面板会在侧边栏中的导航面板顶部打开。

分区和块

在分区和块列表中，默认情况下显示页面上分区的所有块。

默认情况下，组成标头或页脚的分区会折叠，但如果您点击分区名称旁边的展开图标▸，便可以看到这些分区。

删除分区

您可以在每个商品的设置屏幕中删除模板中的分区或块。删除分区按钮显示在分区设置的底部。

步骤：

1. 在模板编辑器侧边栏中，点击要删除的分区或块。
2. 点击删除分区或删除块。
3. 点击保存。如果您要编辑已发布的模板，请点击发布以保存更改并将其保存在您的商店中。

隐藏块

您可以使用眼睛图标隐藏任何分区或块。

模板

您可以在模板编辑器顶栏的页面选择器中访问所有模板。

如果您使用的是“欧宝体育官网入口首页网上商店2.0”模板，则还可以通过点击新建模板选项来直接从页面选择器中创建新模板。

通过应用于特定资源来预览模板效果

查看模板时，您可以将其应用于商店中的任何兼容资源来预览其显示效果。例如，如果您查看产品模板，则可以使用商店的任何产品来测试它。

步骤：

1. 在模板编辑器页面选择器中，选择您要预览的模板。
2. 在导航面板的预览分区中，点击更改。
3. 在选择菜单中，选择您要预览的资源。

撤消和恢复操作

撤销和恢复按钮位于模板编辑器的右上方。

查看文档、获取支持并检查您的模板版本

指向模板文档和支持信息的链接已移动到菜单栏中的更多⋯菜单。在此菜单中，您还可以查看模板版本和创建者信息。

提示如果使用来自Shopify的免费模板，那么您可以通过参阅来自Shopify的免费模板以及点击模板的名称来查看此模板的分区和设置的详细信息。

若要了解付费模板的分区和设置，请参阅模板文档。

获取有关自定义项的帮助

如需更改模板方面的帮助，则可以联系您的模板开发人员寻求支持。

要查看可用于帮助您进行模板自定义的其他资源，请参阅模板支持的其他资源。