编辑模板代码

您可以通过编辑模板代码来对在线商店进行详细更改。构成模板的大多数文件都包含液体,这是Shopify的模板语言。模板文件还包含 HTML、CSS、 JSON 和 JavaScript。只有在您了解 HTML 和 CSS,并具备 Liquid 的相关基础知识时,才可编辑模板的代码。

自定义模板前的准备工作

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

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

编辑模板代码

您可以编辑模板的代码。

步骤:

  1. 点击操作>编辑代码

代码编辑器的左侧显示了模板文件的目录,右侧显示了用于查看和编辑文件的空间。

可以通过点击展开图标来展开代码编辑器以填充屏幕:

展开图标

可以通过点击折叠图标来将页面恢复正常:

折叠图标

点击左侧目录中的文件时,它将在代码编辑器中打开。您可以一次打开和编辑多个文件。您修改的所有文件都会在文件名旁边显示一个圆点:

模板文件的目录,在已修改的文件旁边显示了一个紫色圆点

这可以帮助您跟踪已做出更改的地方。

回退到旧版模板

如果您更改了模板文件并需要恢复,您可以将各个.liquid文件回退到执行更改之前的某个时间和日期。

  1. 模板标头下,点击最近编辑的一个.liquid文件。

  2. 点击.liquid文件名旁边的旧版本

  3. 点击下拉菜单以选择旧版本。点击日期戳可将代码回退到该保存的版本。

  4. 可选:点击预览,查看错误是否已修复。

模板代码自定义教程

您可以按照模板代码自定义教程来指导您对在线商店进行更改。此教程根据代码修改的页面或功能类型整理而成。

模板自定义教程根据其使用的模板架构版本进行划分。了解如何确定您的模板架构版本

获取有关自定义项的帮助

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

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

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

免费试用