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?

Get first theme
Get themes by name
Retrieves a list of themes

Examples

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

const response = await admin.graphql(

`#graphql

query {

themes(first: 1) {

edges {

node {

name

role

}

}`,

);

const data = await response.json();

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

{

"themes": {

"edges": [

{

"node": {

"name": "main",

"id": "gid://shopify/OnlineStoreTheme/672824141",

"role": "MAIN"

}

]

}