SuperAPI AI 工具集

shopify-liquid

前端与建站

查看项目

更新于 10-16 03:16

技能介绍

用途:指导在 Shopify 主题和 Theme App Extensions 中使用 Liquid 模板语言,适合构建 App Embed Blocks、App Blocks 等场景。

主要能力:

  1. 核心语法:输出 {{ ... }}、标签 {% ... %}(if、for、assign)、过滤器 {{ value | filter }}。
  2. Theme App Extensions:通过 App Blocks 向主题注入代码,避免直接修改旧版代码;用 schema 标签定义主题编辑器中的设置,例如 name、target、settings,并通过 block.settings.id 读取值。App Embed Blocks 用于全局运行的脚本(如分析、聊天气泡),schema 中可指定 target 为 body、javascript 为 chat.js。
  3. 常用对象:product(title、variants.first.id、featured_image | image_url: width: 400)、cart(item_count、currency.iso_code)、customer(判断是否登录)、shop(name、permanent_domain)。
  4. 常用过滤器:money 格式化价格、asset_url 引用 assets 目录资源、json 将数据传给 JS。
  5. 与 JavaScript 配合:推荐用 data 属性传值,如 data-product-id="{{ product.id }}",再用 dataset 读取;旧方式为挂载全局对象 window.ShopifyData。
  6. App Proxies:当请求来自 App Proxy 时,Liquid 会在发送到布局前渲染响应;若返回 Content-Type: application/liquid,Shopify 会解析响应中的 Liquid。

使用方式与限制:资料未提供安装命令或具体配置步骤;示例代码需按原样使用,实际可用设置与对象字段以 Shopify 平台为准。