如何根据 product_type 过滤使用 shopify 店面 graphQL api 中的 collectionByHandle 检索的产品？

Question

In our app, we are displaying the list of collections from the shopify store. When user click on any of collection, it will redirect to product list, where all the products of that clicked collection will be displayed.

Here is the sample query which I used to get the products list of particular collection:

{
  collectionByHandle(handle: "") {
    products(first: 10) {
      edges {
        node {
          id
          title
        }
      }
    }
  }
}

Now, I want filtering on products list. I want to display products base on product_type. But there is no any option to filter the products.

query option only available when you retrieve simple products listing using this query:

{
  products(query: "product_type:casual-things", first: 10) {
    edges {
      node {
        id
        title
        productType
      }
    }
  }
}

But, this query option not available on products node of collectionByHandle .

Can, anyone help me how to implement filter option using Shopify storefront graphQL api in collectionByHandle query?

Answer 1

The products connection doesn't have a query argument. You have basically access to fetching all products within that collectionByHandle and then filtering them client-side. You must have to use liquid for these types of nested features.