问题排查
已于 Dec 04, 2023 打印了此页面。若要查看当前版本,请访问 https://help.shopify.com/zh-CN/manual/online-store/themes/theme-support/troubleshooting。
如果您在使用模板编辑器时遇到了问题,请查看下面是否列出了您的问题。
本页相关主题
常见问题
问题:加载页面失败
页面正重定向到不受支持的 URL
如果您的店面包含将用户重定向到未与您的商店相连接的 URL 的代码,请在使用模板编辑器时确认此重定向已被停用。
例如,为了根据客户所在的地点将他们定向到不同的 Shopify 商店,此类型的重定向可能会被添加到店面上。此类型的重定向代码可能存在于您的模板或安装的应用中。
为了确保您的重定向不会影响编辑器体验,在访问模板编辑器时,请在 JavaScript 中使用对 window.Shopify.designMode
变量的引用来停用此重定向。在编辑器中加载店面时,此变量将被设置为 true
;如果未加载,此变量将被设置为 false
。
由于出现错误,页面无法加载
由于多种原因,页面无法加载到模板编辑器中。常见问题包括以下内容:
- 网络连接问题
- 模板中的 Liquid 代码无效
如果您已验证这些问题不会导致错误,请尝试通过导航到模板编辑器中的模板操作 > 预览模板来访问您的在线商店。如果页面无法加载,您可以联系 Shopify 支持团队以获取有关您店面的帮助。
出现 HTML 错误
在模板编辑器中更改模板设置时,您可能会在编辑器中看到“发现 HTML 错误”警告消息:
当您的模板代码中存在语法错误时,则会显示此错误消息。若要解决此问题,您可以检查错误消息中引用的 Liquid 文件中的代码。在上方的示例中,此代码为 slideshow.liquid
。
查找模板代码中的问题
- 点击链接到错误消息的
.liquid
分区文件。这会将您定向到编辑 HTML/CSS 页面,并且文件将在代码编辑器中打开。 -
仔细查看文件中的代码,并尝试找到无效的 HTML 或 Liquid。代码编辑器将用红色显示潜在的语法错误。常见错误包括:
- 额外的结束 HTML 标记,例如,结束
</div>
没有对应的开始<div>
- 额外的开始 HTML 标记,例如,开始
<div>
没有对应的结束</div>
- HTML 标记格式错误,例如,
<div class="my-class"
缺少>
- Liquid 代码格式错误
- 包含的模板代码片段文件中的 HTML 已损坏
- 额外的结束 HTML 标记,例如,结束
找到问题后,请更正您的模板文件中的代码。
点击保存。
点击自定义以返回模板编辑器,并确认错误消息已消失。
其他解决方案
如果您无法按照前面的步骤解决问题,请考虑以下选项:
- 回退到旧版模板文件
- 从模板商店中安装新版模板并切换到该版本
- 了解您的模板提供的支持类型