问题排查

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

常见问题

问题:加载页面失败

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

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

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

为了确保您的重定向不会影响编辑器体验,请在您模板的 JavaScript 代码中将 window.location.href = 替换为 window.parent.location.href =。如果无法执行此操作,则在使用模板编辑器时在 JavaScript 中使用对 window.Shopify.designMode 变量的引用来禁用此重定向。当店面加载到编辑器中时,此变量将设置为 true;如果未加载,此变量将设置为 false

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

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

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

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

出现 HTML 错误

模板编辑器中更改模板设置时,您可能会在编辑器中看到“发现 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 已损坏
  1. 找到问题后,更正您的模板文件中的代码。

  2. 点击保存

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

其他解决方案

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

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

免费试用