编辑模板代码
已于 Apr 09, 2021 打印了此页面。若要查看当前版本,请访问 https://help.shopify.com/zh-CN/manual/online-store/themes/theme-code。
您可以通过编辑模板代码来对在线商店进行详细更改。构成模板的大多数文件都包含 Liquid,这是 Shopify 的模板语言。模板文件还包含 HTML、CSS 和 JavaScript。只有在您了解 HTML 和 CSS,并具备 Liquid 的相关基础知识时,才可编辑模板的代码。拓展业务:如果您想添加自定义功能或代码,但没有使用 HTML、CSS 和 JavaScript 开发网站的经验,请考虑聘请 Shopify 专家。
自定义模板前的准备工作
在自定义模版之前,最好执行以下任务:
复制您的模版以创建一个备份副本。这使您在需要时能够轻松地放弃更改并重新开始进行自定义。
确保您了解可用的支持级别。
了解上传图片的要求和最佳做法。
编辑模板代码
您可以编辑模板的代码。
步骤:
在 Shopify 后台中,转到在线商店 > 模板。
在销售渠道部分,轻触在线商店。
轻触管理模板。
在销售渠道部分,轻触在线商店。
轻触管理模板。
单击操作 > 编辑代码。
代码编辑器的左侧显示了模板文件的目录,右侧显示了用于查看和编辑文件的空间。
可以通过单击展开图标来展开代码编辑器以填充屏幕:
可以通过单击折叠图标来将页面恢复正常:
点击左侧目录中的文件时,它将在代码编辑器中打开。您可以一次打开和编辑多个文件。您修改的所有文件都会在文件名旁边显示一个圆点:
这可以帮助您跟踪已做出更改的地方。
如果在点击保存后想要恢复对文件的任何更改,请打开此文件,然后点击旧版本。下拉菜单将显示您每次保存的日期和时间。选择要恢复到的版本,然后点击保存。
当代码编辑器扩大至全屏时,您可以通过点击页面底部的按钮在亮和暗之间切换编辑器颜色方案。
若要了解使用深色编辑器的益处,请参阅 Shopify 合作伙伴博客上的 The Power of the Dark Side: Dark User Interfaces(深色的力量:深色用户界面)。
模板代码自定义教程
您可以按照模板代码自定义教程来指导您对在线商店进行更改。此教程是根据他们修改的页面或功能类型进行整理的。
获取有关自定义项的帮助
如需更改模版方面的帮助,则可以联系您的模版开发人员寻求支持。
要查看可用于帮助您进行模板自定义的其他资源,请参阅模板支持的其他资源。