shopify - shopify storefront api如何在单个集合中列出产品

Question

我正在使用以下 graphql 列出所有集合中的所有产品，我现在尝试将其修改为仅列出单个集合中的产品，我已经知道集合 ID，但我无法弄清楚将其放在哪里以便过滤集合 ID。

{
  shop {
    collections(first: 10) {
      edges {
        node {
          id
          description
          products(first: 250) {
            edges {
              node {
                id
                description
                variants(first: 10) {
                  edges {
                    node {
                      id
                      sku
                      price
                      selectedOptions {
                        name
                        value
                      }
                    }
                  }
                }
              }
            }
          }
        }
        cursor
      }
      pageInfo {
        hasNextPage
      }
    }
  }
}

Answer 1

无需获取所有集合然后进行过滤，您只需通过其句柄获取集合即可。

{
  shop {
    collectionByHandle(handle: "frontpage") {
      id
      description
      products(first: 250) {
        edges {
          node {
            id
            description
            variants(first: 10) {
              edges {
                node {
                  id
                  sku
                  price
                  selectedOptions {
                    name
                    value
                  }
                }
              }
            }
          }
          cursor
        }
        pageInfo {
          hasNextPage
        }
      }
    }
  }
}

只需更换frontpage您喜欢的任何手柄即可。

Answer 2

Here is another answer with particular collection id wise


{
shop {
    .node(id: <YOUR COLLECTION ID>) {
        .onCollection {
            .products(first: 10) {
                pageInfo {
                    hasNextPage
                }
                edges {
                    node {
                        id
                        description
                        variants(first: 10) {
                            edges {
                                node {
                                    id
                                    sku
                                    price
                                    selectedOptions {
                                        name
                                        value
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
}