2

我正在尝试开发一个 Shopify 推荐应用程序，它将推荐的​​捆绑产品嵌入到商店的产品页面中，类似于 Shopify 官方产品评论应用程序，通过将以下部分添加到模板中，将评论部分（客户评论）嵌入到产品页面：

<div id="shopify-product-reviews" data-id="{{product.id}}">
    {{ product.metafields.spr.reviews }}
</div>

：

顾客评论

我的问题是关于在产品页面中实现作为小部件工作的 Shopify 应用程序的方式。据我了解Shopify App Proxy正在做类似的事情，但它在新页面上呈现模板，我找不到任何方法将我的液体模板嵌入到现有主题中。

4

2 回答 2

3

您缺少 App Proxy 的一个美丽且最有用的方面。有了它，您可以执行以下模式，完美满足您的需求。

  • 使用 Javascript GET 向 App Proxy 发送正在查看的产品
  • App Proxy 将根据传入的产品信息安全地获取您认为对您重要的任何信息
  • 您可以从代理返回纯 JSON 数据作为答案，返回到请求
  • 使用您想要的任何旧模板模式，您可以获取从代理返回的 JSON 并为客户呈现有用的 HTML

虽然 App Proxy 确实可以用于返回 Liquid，但这确实意味着重新渲染屏幕镶边和布局，因此您可能更喜欢 JS 和模板方法。但是，我两者都使用过，而且两者都非常适合自己的目的。Returning Liquid 很酷，因为它允许您在 Shopify 主题中编写 Liquid，您可以在您的应用中填充，然后 Shopify 将填充产品信息，允许您让主题设计师和商家更改客户看到的 HTML，而无需 HTML JSON 方法的模板限制。

于 2018-09-24T14:25:36.147 回答
1

我也在开发一个自定义产品页面。我想这个过程应该是这样的：

  1. 当商家安装您的应用时，使用ScriptTag API将您的js添加到产品页面
  2. 加载产品页面时，使用js向App代理发送GET请求
  3. 应用代理重定向到您的应用。您的应用将返回 JSON 响应
  4. 您的 js 获取并解析响应，在产品页面上动态添加小部件
于 2020-09-05T06:55:10.383 回答