如何在Shopify编辑器中将应用块注入product-grid卡片组件
如何在Shopify编辑器中将心愿单应用块添加到商品网格卡片
先确认主题兼容性:进入Shopify后台「在线商店」>「主题」,点击当前主题的「自定义」进入编辑器。找到左侧面板的「商品网格」组件,展开后查看是否有「添加应用块」选项——Shopify OS 2.0及以上版本的主题基本都支持这种嵌入方式。
直接添加应用块到商品卡片:
- 在编辑器预览界面点击商品网格里的任意商品卡片,激活卡片的编辑菜单;
- 在弹出的编辑面板中点击「添加块」,在下拉列表里选中你开发的心愿单应用块;
- 拖动调整应用块在卡片内的位置(如顶部、底部、侧边),完成后点击「保存」。
若主题无直接嵌入选项,用自定义Liquid块替代:
- 在商品网格组件下添加「自定义Liquid」块;
- 在代码输入框中插入应用块渲染代码:
{% render '你的应用块句柄' %}(句柄可在你的应用开发后台获取); - 调整该Liquid块在商品卡片中的位置,保存设置即可。
最后回到店铺前台商品列表页,测试应用块的显示和点击功能是否正常。
内容的提问来源于stack exchange,提问作者Pavel Shepelenko
相关产品推荐
相关产品推荐

