Graphql query for Metaobject (list)

[DaniBitZesty]

How do I know which keys to specify in a graphql query for my custom data metafields? I'm trying to build a graphql query to retrieve my 'grid' metafield which contains a list of images. This is the code I use to get a single image in a custom field called 'hero' which works as expected:

const PAGES_QUERY = `#graphql
  query page_details($handle: String!) {
    page(handle: $handle) {
      id
      title
      hero_image: metafields(identifiers: [{namespace: "custom", key: "hero"}]) {
        main: reference {
          ... on Metaobject {
            id
            type
            fields {
              hero: reference {
                ...Media
              }
            }
          }
        }
      }
    }
  }
  ${MEDIA_FRAGMENT}
`;

But I'm struggling to adapt the code to retrieve a list of images.

[juanpprieto]

Hi @DaniBitZesty, this is how you would query for a list of metafield references

{
  page(handle: "about") {
    title
    heroImages: metafields(identifiers: [{namespace: "custom", key: "hero"}]) {
      references(first: 10) {
        nodes {
          ... on MediaImage {
            id
            image {
              ...MediaImage
            }
          }
        }
      }
    }
  }
}

fragment MediaImage on Image {
  url
  width
  altText
  height
}

Rather than using a metafield, I would consider creating Hero as a metaobject definition instead more info.

This would allow you to add multiple types of metafields inside the Hero metaobject e.g Heading, subheading, images etc..

[DonKoko]

Exactly what I needed. Thanks!