模板编辑器更新

Shopify 的模板编辑器经过重新开发,现在速度更快、功能更强大且更易于使用。

您无需执行任何操作即可访问新的模板编辑器。当您的商店有权访问新的模板编辑器时,您会自动收到更新的模板编辑器功能。

此次更新仅支持访问下面所述的功能,不包括 Unite 中公布的其他“Online Store 2.0”功能。提供这些功能的“Online Store 2.0”模板将在接下来的几个月中发布。

侧边栏增强内容

新的模板编辑器具有更新的侧边栏设计。

现在,编辑器会在树形图中显示您当前在侧边栏中看到的所有模板内容。您无需再点击分区来访问其中的块和设置,您可以使用展开图标 来展开分区节点以查看其中的块,还可以使用折叠图标 将其折叠来隐藏块。您可以点击任何分区或块来查看其设置。

展开和折叠分区以查看块

侧边栏模式

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

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

双侧边栏模式

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

在双侧边栏模式下,设置面板显示在屏幕右侧

提示:若要在大屏幕上以单侧边栏模式查看模板编辑器,请调窄浏览器窗口,直到设置面板移动到导航侧边栏顶部或消失。

单侧边栏模式

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

在单侧边栏模式下,设置面板在导航面板中以叠加方式显示

分区和块

现在,默认情况下您可以在分区和块列表中查看页面上分区的所有块。在之前的模板编辑器中,您需要选择分区才能查看其中的块。

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

提示:如果您在分区中找不到预期设置,请尝试查看该分区中的块。

删除分区

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

使用“删除分区”按钮删除分区

步骤:

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

隐藏块

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

使用“删除分区”按钮删除分区

模板

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

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

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

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

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

提示:您还可以使用页面选择器中的搜索栏来搜索模板和资源。

步骤:

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

撤消和恢复操作

撤销恢复按钮已移至模板编辑器的右上方。

模板编辑器顶栏中的“撤销”和“恢复”按钮。

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

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

以前可从模板操作菜单访问此信息。

使用“更多”按钮访问模板信息。

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

免费试用