如何制定一个shopify应用程序,使产品页面的变化?
我想开发将嵌入推荐捆绑产品的店铺产品页面类似Shopify正式产品审核的应用程序,通过添加以下部分的模板嵌入一个审查部分(客户点评)到产品页面Shopify推荐应用:
<div id="shopify-product-reviews" data-id="{{product.id}}">
{{ product.metafields.spr.reviews }}
</div>
:
我的问题是有关实现Shopify应用程序,工作在产品页面的窗口小部件的方式。据我了解Shopify App Proxy做了类似的事情,但它呈现一个新的页面上的模板,我找不到任何方法嵌入我的液体模板,现有的主题。
回答如下:你缺少应用程序代理的美丽,最有用的方面。有了它,你可以做以下的图案,完美回答您的需求。
- 发送应用程序代理的产品中使用一个Javascript GET正在查看
- 该应用程序代理将安全得到一个基于传入产品信息,你认为对你很重要的任何信息
- 您可以返回纯JSON数据从代理的答案,回请求
- 使用任何你想要的旧模板图案,你可以把JSON从代理返回并呈现有用的HTML为客户
虽然这是事实的应用程序代理可用于返回液体,这确实会意味着屏幕铬和布局的重新渲染,所以你可能更喜欢JS和模板的方法。然而,我都用了,而且都是超为自己的目的。返回液体是冷静,因为它可以让你写在Shopify主题,你可以在你的应用程序填充液体,然后Shopify将填充的产品信息,允许你有主题设计者和商家更改客户看到的HTML,而HTML模板限制了JSON的方法了。
如何制定一个shopify应用程序,使产品页面的变化?
我想开发将嵌入推荐捆绑产品的店铺产品页面类似Shopify正式产品审核的应用程序,通过添加以下部分的模板嵌入一个审查部分(客户点评)到产品页面Shopify推荐应用:
<div id="shopify-product-reviews" data-id="{{product.id}}">
{{ product.metafields.spr.reviews }}
</div>
:
我的问题是有关实现Shopify应用程序,工作在产品页面的窗口小部件的方式。据我了解Shopify App Proxy做了类似的事情,但它呈现一个新的页面上的模板,我找不到任何方法嵌入我的液体模板,现有的主题。
回答如下:你缺少应用程序代理的美丽,最有用的方面。有了它,你可以做以下的图案,完美回答您的需求。
- 发送应用程序代理的产品中使用一个Javascript GET正在查看
- 该应用程序代理将安全得到一个基于传入产品信息,你认为对你很重要的任何信息
- 您可以返回纯JSON数据从代理的答案,回请求
- 使用任何你想要的旧模板图案,你可以把JSON从代理返回并呈现有用的HTML为客户
虽然这是事实的应用程序代理可用于返回液体,这确实会意味着屏幕铬和布局的重新渲染,所以你可能更喜欢JS和模板的方法。然而,我都用了,而且都是超为自己的目的。返回液体是冷静,因为它可以让你写在Shopify主题,你可以在你的应用程序填充液体,然后Shopify将填充的产品信息,允许你有主题设计者和商家更改客户看到的HTML,而HTML模板限制了JSON的方法了。