从变体图像中获取多个transformedSrc

Question

我有一个问题：

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

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

总的来说，我是 GraphQL 的新手。我在图像上尝试了一个数组，使用具有多个 maxWidth 和比例的 AND，复制图像片段等。我还多次搜索 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)
        }
      }
    }
        }
      }
    }
  }
}