graphql - 从变体图像中获取多个transformedSrc

Question

我有一个查询：

query {
 productByHandle(handle: "${productHandle}") {
   variants(first: 3) {
     edges {
       node {
         title
         id
         priceV2 {
           amount
         }
         image {
           transformedSrc(maxWidth: 400)
          }
        }
      }
    }
  }
}

效果很好。但是，我正在努力寻找从变体图像中获取多个 transformSrcs的语法。我想将它用于图像 srcset，所以我需要返回多个尺寸。

一般来说，我是 GraphQL 的新手。我在图像上尝试了一个数组，使用AND具有多个 maxWidth 和比例的数组，复制图像片段等。我还多次搜索 Shopify API 文档。

由于某种原因，这是不可能的，还是我错过了什么？

Answer 1

我也很好奇答案和 GraphQL 的新手。我似乎transformedSrc在查询中使用别名取得了一些成功，见下文。不完全确定这是否是正确的方法。我对缺乏信息感到惊讶，认为这对于快速加载网站至关重要。

query {
  collectionByHandle(handle: "archived") {
    products(first: 250) {
      edges {
        node {
          id
          title
          description
          tags
              images(first: 100) {
      edges {
        node {
          altText
          originalSrc
          smallImage: transformedSrc(maxWidth: 200, crop: CENTER)
          bigImage: transformedSrc(maxWidth: 400, crop: CENTER)
        }
      }
    }
        }
      }
    }
  }
}