使用模板编辑器自定义您的在线商店

您可以使用模板编辑器自定义模板的各个区域（例如颜色），并使用分区和块管理模板中的内容。模板编辑器有以下部分：

菜单栏显示的工具供您了解有关模板的更多信息、导航到不同模板（例如产品页面）、调整屏幕尺寸显示以及管理自定义操作。
侧边栏菜单会在树形图中显示您当前在侧边栏中看到的所有模板内容。您可以通过侧边栏菜单管理分区、块和设置。
预览窗口显示您的模板，并在您进行更改时自动更新。您可以在菜单栏中选择不同的显示选项，以在台式电脑或移动布局上预览模板。您还可以激活预览检查器，在预览窗口中管理模板样式的内容。

本页相关主题

您可以从 Shopify 后台访问模板编辑器。

菜单栏包含有关模板的信息、用于访问更多信息和模板不同区域的菜单以及用于自定义模板的控件。

菜单栏显示以下附加信息和导航选项：

使用按钮返回 Shopify 后台。
查看模板的名称。
查看模板的状态。已发布的模板显示实时状态标签。未发布的模板显示草稿状态标签。
使用菜单可以访问以下附加选项： - 使用 编辑代码打开代码编辑器。 - 使用 编辑默认模板内容编辑模板中的默认文字。 - 使用打开预览模板。 - 使用 查看文档打开模板的文档。 - 使用查看模板编辑器的所有可用键盘快捷键。 - 使用 获取支持来获取支持。

您可以使用以下菜单访问不同的模板和市场布局：

您可以使用菜单栏中的以下控件来自定义模板：

您可以在菜单栏的菜单中查看有关模板的可用信息，例如模板版本和开发人员信息，以及指向模板文档和支持信息的链接。

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

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

您可以使用键盘快捷键在模板编辑器中导航和执行操作。

模板编辑器支持的键盘快捷键列表，适用于 Windows 和 macOS 设备。
类别	操作	Windows 快捷键	macOS 快捷键
通用	撤销	`CTRL` + `Z`	`⌘` + `Z`
	恢复	`CTRL` + `Y`	`⌘` + `Y`
	保存	`CTRL` + `S`	`⌘` + `⇧` + `S`
	查看所有快捷键	`CTRL` + `/`	`⌘` + `/`
工具	预览检查器	`CTRL` + `SHIFT` + `\|`	`⌘` + `⇧` + `\|`
	预览模式	`⊞` + `CTRL` + `\|`	`⌘` + `⌃` + `\|`
	Sidekick	`CTRL` + `.`	`⌘` + `.`
网站导航	分区	`⊞` + `CTRL` + `Z`	`⌘` + `⌃` + `1`
	模板设置	`⊞` + `CTRL` + `Z`	`⌘` + `⌃` + `2`
	应用嵌入	`⊞` + `CTRL` + `Z`	`⌘` + `⌃` + `3`
分区和块	隐藏/显示	`CTRL` + `SHIFT` + `H`	`⌘` + `⇧` + `H`
	删除	`SHIFT` + `⭠`	`⇧` + `⌫`
	选择前一个	`SHIFT` + `←`	`⇧` + `▲`
	选择下一个	`SHIFT` + `→`	`⇧` + `▼`
	打开已选择的元素	`SHIFT` + `ENTER`	`⇧` + `▼`
	展开所有分区	`CTRL` + `SHIFT` + `O`	`⌘` + `⇧` + `O`
	折叠所有分区	`CTRL` + `SHIFT` + `P`	`⌘` + `⇧` + `P`

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

如果您使用的是“Online Store 2.0” 模板，则还可以通过点击新建模板选项来直接从页面选择器中创建新模板。

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

您仍然需要在 Shopify 后台中向资源分配模板。

您还可以使用页面选择器、添加分区、添加块工具或应用嵌入中的搜索栏来搜索模板和资源。

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

预览检查器在所有免费的 Shopify 模板中可用，并且已默认激活。您可以点击按钮，在编辑过程中打开或关闭预览检查器。

激活预览检查器后，您可以点击任何轮廓元素以打开相应的设置。在移动设备上，激活预览检查器后，您可以点击任何元素来选择相应的设置。您可以打开底部表格，通过此所选设置进行编辑。

预览检查器会在预览窗口中点击的分区和块周围显示以下两种边框之一：

点击预览窗口中网站的任何部分都会加载侧边栏中的相应设置。在移动设备上，点击两次即可像客户一样在网站中导航。

使用预览检查器时，您可以直接从预览窗口向您的模板中添加分区和块。若要使用 Shopify 应用中的预览检查器，长按分区以管理该分区。

预览检查器中“添加分区”和“添加块”按钮的描述。
工具	描述
添加分区	添加分区按钮会显示在所选分区的顶部和底部。点击添加分区按钮可在所选分区上方或下方插入新分区。
添加块	将鼠标悬停在现有块上时，添加块按钮将会出现。若要添加块，请将光标移动到按钮上方。弹出菜单中将显示模板和应用块，您可将这些内容添加到所选分区中。点击您要添加的块。新块的设置窗口会在右侧栏中加载。

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

可用预览检查器工具的列表，包括移动、复制、隐藏和删除分区或块。
工具	操作	描述
	移至前一位置	点击此按钮，可以使用预览检查器中的箭头图标将分区或块移动到下一位置或上一位置。如果所选分区位于页面顶部，按钮将显示为灰色。同理，如果您的分区位于页面底部，则不能使用按钮。
	移至下一位置
	复制分区或块	点击此按钮以复制分区或块及其内容。
	隐藏分区或块	点击此按钮可以隐藏某个分区或块。隐藏某个分区或块后，将无法从预览检查器中取消隐藏该分区或块。您可以点击菜单栏中的按钮，也可以点击该分区或块旁边的侧边栏菜单中的按钮将其取消隐藏。
	删除分区或块	此按钮删除预览检查器中选定的分区或块。