Anchor to edgesedges •[CollectionEdge!]! non-null: A list of edges.

Show fields
Anchor to nodesnodes •[Collection!]! non-null: A list of the nodes contained in CollectionEdge.

Show fields
Anchor to pageInfopageInfo •PageInfo! non-null: Information to aid in pagination.

Show fields
Anchor to totalCounttotalCount •UnsignedInt64! non-null: The total count of Collections.

Was this section helpful?

Examples

Retrieve collections

Description

A collection represents a group of products that a store owner can create. The store owner can organize these product groups to make their stores easier to browse. For example, a merchant might create a collection for a specific type of product that they sell, such as footwear. Merchants can create collections by selecting products individually or by defining rules that automatically determine whether products are included. The following example shows how to query for collections and the products that belong to those collections.

Query

query {
  collections(first: 2) {
    edges {
      node {
        id
        products(first: 5) {
          edges {
            node {
              id
            }
          }
        }
      }
    }
  }
}

cURL

curl -X POST \
https://your-development-store.myshopify.com/api/2026-07/graphql.json \
-H 'Content-Type: application/json' \
-H 'X-Shopify-Storefront-Access-Token: {storefront_access_token}' \
-d '{
"query": "query { collections(first: 2) { edges { node { id products(first: 5) { edges { node { id } } } } } } }"
}'

React Router

import { unauthenticated } from "../shopify.server";

export const loader = async () => {
  const { storefront } = await unauthenticated.storefront(
    'your-development-store.myshopify.com'
  );
  const response = await storefront.graphql(
    `#graphql
  query {
    collections(first: 2) {
      edges {
        node {
          id
          products(first: 5) {
            edges {
              node {
                id
              }
            }
          }
        }
      }
    }
  }`,
  );
  const json = await response.json();
  return json.data;
}

Node.js

const client = new shopify.clients.Storefront({
  domain: 'your-development-store.myshopify.com',
  storefrontAccessToken,
});
const data = await client.query({
  data: `query {
    collections(first: 2) {
      edges {
        node {
          id
          products(first: 5) {
            edges {
              node {
                id
              }
            }
          }
        }
      }
    }
  }`,
});

Response

{
  "collections": {
    "edges": [
      {
        "node": {
          "id": "gid://shopify/Collection/547751128",
          "products": {
            "edges": [
              {
                "node": {
                  "id": "gid://shopify/Product/929898465"
                }
              },
              {
                "node": {
                  "id": "gid://shopify/Product/538825261"
                }
              }
            ]
          }
        }
      },
      {
        "node": {
          "id": "gid://shopify/Collection/585546552",
          "products": {
            "edges": []
          }
        }
      }
    ]
  }
}

Retrieve collections

import { unauthenticated } from "../shopify.server";

export const loader = async () => {

const { storefront } = await unauthenticated.storefront(

'your-development-store.myshopify.com'

);

const response = await storefront.graphql(

`#graphql

query {

collections(first: 2) {

edges {

node {

products(first: 5) {

edges {

node {

}

}`,

);

const json = await response.json();

return json.data;

}

GQL

query {
  collections(first: 2) {
    edges {
      node {
        id
        products(first: 5) {
          edges {
            node {
              id
            }
          }
        }
      }
    }
  }
}

cURL

curl -X POST \
https://your-development-store.myshopify.com/api/2026-07/graphql.json \
-H 'Content-Type: application/json' \
-H 'X-Shopify-Storefront-Access-Token: {storefront_access_token}' \
-d '{
"query": "query { collections(first: 2) { edges { node { id products(first: 5) { edges { node { id } } } } } } }"
}'

React Router

import { unauthenticated } from "../shopify.server";

export const loader = async () => {
  const { storefront } = await unauthenticated.storefront(
    'your-development-store.myshopify.com'
  );
  const response = await storefront.graphql(
    `#graphql
  query {
    collections(first: 2) {
      edges {
        node {
          id
          products(first: 5) {
            edges {
              node {
                id
              }
            }
          }
        }
      }
    }
  }`,
  );
  const json = await response.json();
  return json.data;
}

Node.js

const client = new shopify.clients.Storefront({
  domain: 'your-development-store.myshopify.com',
  storefrontAccessToken,
});
const data = await client.query({
  data: `query {
    collections(first: 2) {
      edges {
        node {
          id
          products(first: 5) {
            edges {
              node {
                id
              }
            }
          }
        }
      }
    }
  }`,
});

Response

JSON

{

"collections": {

"edges": [

{

"node": {

"id": "gid://shopify/Collection/547751128",

"products": {

"edges": [

{

"node": {

"id": "gid://shopify/Product/929898465"

}

{

"node": {

"id": "gid://shopify/Product/538825261"

}

]

}

{

"node": {

"id": "gid://shopify/Collection/585546552",

"products": {

"edges": []

}

]

}