跳转到主要内容
商店组件调试
超过一个月前更新

当按照各自网站类型(Shopify, WooCommerce或自定义)的代码片段执行时,仍然看不到retraced的组件,这将帮助调试根本原因。

先决条件

在对组件进行技术方面的故障诊断之前,请检查以下内容:

  1. 至少有一个活跃的产品,其SKU与网店/后台的产品SKU相匹配。

  2. 产品有一个供应链

  3. 这个故事在那个特定的产品上是可行的

如果满足上述所有条件,应该至少能够看到供应链透明度徽章

需要介绍一下我们的徽章制度吗?请查看我们的指南Retraced徽章指南 | Retraced Help Center

仍然有问题?

我们收集了设置rentraced小部件时最常见的问题。请看如下情况:

1. 不含retraced标头

这是首先要检查的。这里,商店组件没有正确加载

在这段摘录中,retraced标头,也就是商店组件被正确加载

2. 没有组件放在DOM中

要查看组件是否正确地放置在DOM(发送到客户端的HTML文件)中,可以通过F12在Chrome中打开调试器。然后切换到网络选项卡,重新加载产品页面。确保已经将retraced卡放置到DOM中,并且可以简单地在网络检查器中搜索它们。

这是一个找不到卡片的例子:

这个例子展示了一个网店,其中卡片组件被正确加载

3. 未经授权的

请寄给我们商店网址前期白名单,从而能够检索产品的故事

可以通过查看状态码401的产品故事检索调用是否失败来检查是否未授权:

如果卡片?sku=XYZ成功包含200状态码,商店被列入白名单。

4. 在retraced主界面中不存在SKU

为了确保产品在我们的系统中确实可以匹配到SKU,请按照下面的网络呼叫进行操作。如果我们无法将商店中的SKU与retraced账户中的SKU匹配,它将返回isskummatched value false。

我们的小部件还将通过返回productchived值为trueisProductNotFoundOrStoryDisabled值为true来知道产品是否被移除或故事是否被禁用

我们从商店请求的SKU显示在最底部的标题标签中。

看到这里的SKU传输到我们的系统URI编码(意味着特殊字符被转义):

请注意,根据正在使用的小部件,需要在搜索字段中插入其名称。例如,在上面的屏幕截图中,使用的小部件是卡片。但是,如果使用图标,则需要输入图标。

仍然遇到问题?

请确保设置符合我们帮助中心的文章

这是否解答了您的问题?