问题排查

如果您在使用模板编辑器时遇到了问题，请查看下面是否列出了您的问题。

常见问题

问题：加载页面失败

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

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

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

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

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

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

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

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

出现 HTML 错误

在模板编辑器中更改模板设置时，您可能会在编辑器中看到“发现 HTML 错误”警告消息：

当您的模板代码中存在语法错误时，则会显示此错误消息。若要解决此问题，您可以检查错误消息中引用的 Liquid 文件中的代码。在上方的示例中，此代码为 slideshow.liquid。

查找模板代码中的问题

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

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

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

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

4. 点击保存。

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

其他解决方案

如果您无法按照前面的步骤解决问题，请考虑以下选项：

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