You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Shopify编辑器中将应用块注入product-grid卡片组件

如何在Shopify编辑器中将心愿单应用块添加到商品网格卡片
  • 先确认主题兼容性:进入Shopify后台「在线商店」>「主题」,点击当前主题的「自定义」进入编辑器。找到左侧面板的「商品网格」组件,展开后查看是否有「添加应用块」选项——Shopify OS 2.0及以上版本的主题基本都支持这种嵌入方式。

  • 直接添加应用块到商品卡片:

    1. 在编辑器预览界面点击商品网格里的任意商品卡片,激活卡片的编辑菜单;
    2. 在弹出的编辑面板中点击「添加块」,在下拉列表里选中你开发的心愿单应用块;
    3. 拖动调整应用块在卡片内的位置(如顶部、底部、侧边),完成后点击「保存」。
  • 若主题无直接嵌入选项,用自定义Liquid块替代:

    1. 在商品网格组件下添加「自定义Liquid」块;
    2. 在代码输入框中插入应用块渲染代码:{% render '你的应用块句柄' %}(句柄可在你的应用开发后台获取);
    3. 调整该Liquid块在商品卡片中的位置,保存设置即可。
  • 最后回到店铺前台商品列表页,测试应用块的显示和点击功能是否正常。

内容的提问来源于stack exchange,提问作者Pavel Shepelenko

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 08:24:14