从变体图像中获取多个 transformedSrc

Question

我有一个问题：

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

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

总的来说，我是 GraphQL 的新手。我在图像上尝试了一个数组，使用具有多个 maxWidth 和 scale 的 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)
        }
      }
    }
        }
      }
    }
  }
}

从变体图像中获取多个 transformedSrc

Get multiple transformedSrc from a variant image

shopify

graphql

shopify-api