问题排查

查看您可能会遇到的以下常见问题，以及如何解决这些问题。如果您在使用模板编辑器时遇到了问题，请查看下面是否列出了您的问题。

页面正重定向到不受支持的 URL

如果您的店面包含将用户重定向到未与您的商店相连接的 URL 的代码，请在使用模板编辑器时确认此重定向已被停用。

例如，为了根据客户所在的地点将他们定向到不同的 Shopify 商店，此类型的重定向可能会被添加到店面上。此类型的重定向代码可能存在于您的模板或安装的应用中。

为了确保您的重定向不会影响编辑器体验，在访问模板编辑器时，请在 JavaScript 中使用对 window.Shopify.designMode 变量的引用来停用此重定向。在编辑器中加载店面时，此变量将被设置为 true；如果未加载，此变量将被设置为 false。

由于出现错误，页面无法加载

由于多种原因，页面无法加载到模板编辑器中。常见问题包括以下内容：

• 网络连接问题
• 模板中的 Liquid 代码无效

如果您已验证这些问题不会导致错误，请尝试通过导航到模板编辑器中的模板操作 > 预览模板来访问您的在线商店。如果页面无法加载，您可以联系 Shopify 支持团队以获取有关您店面的帮助。

出现 HTML 错误

如果您的模板代码中存在语法错误，则模板编辑器中将显示 发现 HTML 错误 的 警告消息。

若要解决问题，请检查错误消息中引用的 Liquid 文件中的代码。

查找模板代码中的问题

1. 点击链接到错误消息的 .liquid 分区文件。这会将您定向到编辑 HTML/CSS 页面，并且文件将在代码编辑器中打开。

2. 仔细查看文件中的代码，并尝试找到无效的 HTML 或 Liquid。代码编辑器将用红色显示潜在的语法错误。常见错误包括：

   • 额外的结束 HTML 标记，例如，结束 </div> 没有对应的开始 <div>
   • 额外的开始 HTML 标记，例如，开始 <div> 没有对应的结束 </div>
   • HTML 标记格式错误，例如，<div class="my-class" 缺少 >
   • Liquid 代码格式错误
   • 包含的模板代码片段文件中的 HTML 已损坏

3. 找到问题后，请更正您的模板文件中的代码。

4. 点击保存。

5. 点击自定义以返回模板编辑器，并确认错误消息已消失。

其他解决方案

如果您在查看了常见的故障排除步骤后仍然遇到与您的模板有关的问题，请考虑以下选项：

• 回退到旧版模板文件。
• 从“模板商店”中安装并切换到最新版本的模板。
• 了解您的模板提供的支持类型。