themes

query

Requires read_themes access scope.

Returns a paginated list of themes for the shop.

OnlineStoreThemeConnection arguments

•OnlineStoreThemeConnection

Anchor to afterafter • String: The elements that come after the specified cursor.
Anchor to beforebefore • String: The elements that come before the specified cursor.
Anchor to firstfirst • Int: The first n elements from the paginated list.
Anchor to lastlast • Int: The last n elements from the paginated list.
Anchor to namesnames • [String!]: The theme names to filter by. Use '*' to match zero or more characters.
Anchor to reversereverse • BooleanDefault:false: Reverse the order of the underlying list.
Anchor to rolesroles • [ThemeRole!]: The theme roles to filter by.

Was this section helpful?

Anchor to Possible returnsPossible returns

Anchor to edgesedges • [OnlineStoreThemeEdge!]!non-null: The connection between the node and its parent. Each edge contains a minimum of the edge's cursor and the node.
Anchor to nodesnodes • [OnlineStoreTheme!]!non-null: A list of nodes that are contained in OnlineStoreThemeEdge. You can fetch data about an individual node, or you can follow the edges to fetch data about a collection of related nodes. At each node, you specify the fields that you want to retrieve.
Anchor to pageInfopageInfo • PageInfo!non-null: An object that’s used to retrieve cursor information about the current page.

Was this section helpful?

Examples

1const { admin } = await authenticate.admin(request);
2
3const response = await admin.graphql(
4  `#graphql
5  query {
6    themes(first: 1) {
7      edges {
8        node {
9          name
10          id
11          role
12        }
13      }
14    }
15  }`,
16);
17
18const data = await response.json();
19

query {
  themes(first: 1) {
    edges {
      node {
        name
        id
        role
      }
    }
  }
}

curl -X POST \
https://your-development-store.myshopify.com/admin/api/2025-01/graphql.json \
-H 'Content-Type: application/json' \
-H 'X-Shopify-Access-Token: {access_token}' \
-d '{
"query": "query { themes(first: 1) { edges { node { name id role } } } }"
}'

const { admin } = await authenticate.admin(request);

const response = await admin.graphql(
  `#graphql
  query {
    themes(first: 1) {
      edges {
        node {
          name
          id
          role
        }
      }
    }
  }`,
);

const data = await response.json();

const client = new shopify.clients.Graphql({session});
const data = await client.query({
  data: `query {
    themes(first: 1) {
      edges {
        node {
          name
          id
          role
        }
      }
    }
  }`,
});

session = ShopifyAPI::Auth::Session.new(
  shop: "your-development-store.myshopify.com",
  access_token: access_token
)
client = ShopifyAPI::Clients::Graphql::Admin.new(
  session: session
)

query = <<~QUERY
  query {
    themes(first: 1) {
      edges {
        node {
          name
          id
          role
        }
      }
    }
  }
QUERY

response = client.query(query: query)

Response

JSON

1{
2  "themes": {
3    "edges": [
4      {
5        "node": {
6          "name": "main",
7          "id": "gid://shopify/OnlineStoreTheme/672824141",
8          "role": "MAIN"
9        }
10      }
11    ]
12  }
13}