我正在尝试开发一个Shopify推荐应用程序,该程序将把推荐的捆绑产品嵌入商店的产品页面,就像将Shopify官方产品评论应用程序添加到产品页面的评论部分(客户评论)嵌入Shopify官方产品评论应用程序一样,方法是在模板中添加以下部分:

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




node.js - 如何开发在产品页面上进行更改的shopify应用程序?-LMLPHP

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

最佳答案

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


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


虽然可以使用App Proxy返回液体,但这确实意味着屏幕镶边和布局的重新渲染,因此您可能更喜欢JS和模板方法。但是,我都使用了这两种方法,并且它们各自的用途都非常好。 Returning Liquid很酷,因为它使您可以在Shopify主题中编写Liquid,然后可以在您的应用程序中填充,然后Shopify将填充产品信息,使主题设计师和商家可以更改客户看到的HTML,而无需HTML模板限制了JSON方法的作用。

关于node.js - 如何开发在产品页面上进行更改的shopify应用程序?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52480771/

10-09 06:10
查看更多