Shopify Storefront API如何将密钥传递给变体片段？

Question

我的 Graphql 上生锈了我正在使用 Shopify 的 Storefront API 版本 2024-10 我有一个查询：

export const getProductQuery = /* GraphQL */ `
  query getProduct($handle: String!) {
    product(handle: $handle) {
      ...product
    }
  }
  ${productFragment}
`

在我的片段中我有：

import imageFragment from './image'
import seoFragment from './seo'

const productFragment = /* GraphQL */ `
  fragment product on Product {
    id
    handle
    availableForSale
    title
    description
    publishedAt
    tags
    descriptionHtml
    variants(first: 250) {
      edges {
        node {
          id
          title
          availableForSale
          selectedOptions {
            name
            value
          }
          price {
            amount
            currencyCode
          }
          metafield {
            key
            namespace
            type
          }
        }
      }
    }
    featuredImage {
      ...image
    }
    images(first: 20) {
      edges {
        node {
          ...image
        }
      }
    }
    seo {
      ...seo
    }
    tags
    updatedAt
  }
  ${imageFragment}
  ${seoFragment}
`

export default productFragment

并且根据

metafield

的文档，我需要传递

key

标识符。

研究

• Shopify Storefront API：使用 GraphQL 获取引用变体
• 在 Shopify 店面 API 中搜索产品
• 从 Shopify Storefront API 检索数据
• Shopify 店面 API。将商品添加到购物车
• 如何从 Shopify Storefront API 获取产品

当我不确定所需的密钥应该是什么时，如何从 Shopify 的店面 API 获取变体级别的元字段？

Answer 1

您只需将“key”和“namespace”值传递到元字段字段即可。

在管理员中的元字段定义中，您将找到命名空间和键值。它将由 {namespace}.{key} 定义。例如：在您查询时，如果值为“foo.bar”：

variants(first: 250) {
  edges {
    node {
      id
      title
      availableForSale
      selectedOptions {
        name
        value
      }
      price {
        amount
        currencyCode
      }
      metafield(namespace: "foo", key: "bar") {
        key
        namespace
        type
      }
      # you can rename the field if has more metafields to retrive, like
      myCustomField: metafield(namespace: "custom", key: "foo") {
        key
        namespace
        type
      }
    }
  }
}