I need to display the product metafields in my product page

[NathanVRyver]

Hello, I'm having an issue displaying the product metafields in my product page, I'm using Hydrogen V2 (the current version), I have tried a lot of things, but nothing seems to work, does anyone know how can I do it?

Thank you

[blittle]

Hi @01010110-Code. Have you updated your product query to include metafields? https://shopify.dev/docs/custom-storefronts/building-with-the-storefront-api/products-collections/metafields#step-2-retrieve-metafields

[NathanVRyver]

Hi, Yes I have updated the product query, i was wondering if there's some example on how to display them on the product page

const PRODUCT_QUERY = `#graphql
query Product(
  $country: CountryCode
  $language: LanguageCode
  $handle: String!
  $selectedOptions: [SelectedOptionInput!]!
) @inContext(country: $country, language: $language) {
  product(handle: $handle) {
    id
    title
    vendor
    handle
    descriptionHtml
    description

    options {
      name
      values
    }
    selectedVariant: variantBySelectedOptions(selectedOptions: $selectedOptions) {
      ...ProductVariantFragment
    }
    media(first: 7) {
      nodes {
        ...Media
      }
    }
    variants(first: 1) {
      nodes {
        ...ProductVariantFragment
      }
    }
    seo {
      description
      title
    }

    metafield(namespace: "global", key: "movement") {
      value
      type
    }
  }
  shop {
    name
    primaryDomain {
      url
    }
    shippingPolicy {
      body
      handle
    }
    refundPolicy {
      body
      handle
    }
  }
}
${MEDIA_FRAGMENT}
${PRODUCT_VARIANT_FRAGMENT}
`;
`

[juanpprieto]

@01010110-Code How you use/render them will heavily depend on the format of the data you are storing in the metafield. There are many fields types. what is the output of product.metafield.value and what is the purpose of this metafield?

[NathanVRyver]

Thank you, I got it! @juanpprieto