Anchor to productReorderMediaproduct
productReorderMedia
mutation
Requires access scope. Also: The user must have a permission to reorder the media attached to a product.
Asynchronously reorders the media attached to a product.
Anchor to Arguments
Arguments
- •ID!required
The ID of the product on which to reorder medias.
- Anchor to movesmoves•[Move
Input!]! required A list of moves to perform which will be evaluated in order.
Was this section helpful?
Anchor to ProductReorderMediaPayload returnsProductReorderMediaPayload returns
- •
The asynchronous job which reorders the media.
- Anchor to mediaUserErrorsmedia•
User Errors [MediaUser non-nullError!]! The list of errors that occurred from executing the mutation.
- Anchor to userErrorsuser•
Errors The list of errors that occurred from executing the mutation.
Was this section helpful?
- Reorder a product's media
- productReorderMedia reference
Examples
const { admin } = await authenticate.admin(request);
const response = await admin.graphql(
`#graphql
mutation productReorderMedia($id: ID!, $moves: [MoveInput!]!) {
productReorderMedia(id: $id, moves: $moves) {
job {
id
}
}
}`,
{
variables: {
"id": "gid://shopify/Product/108828309",
"moves": [
{
"id": "gid://shopify/MediaImage/183532652",
"newPosition": "2"
},
{
"id": "gid://shopify/MediaImage/731367280",
"newPosition": "3"
}
]
},
},
);
const data = await response.json();
mutation productReorderMedia($id: ID!, $moves: [MoveInput!]!) {
productReorderMedia(id: $id, moves: $moves) {
job {
id
}
}
}
curl -X POST \
https://your-development-store.myshopify.com/admin/api/2025-04/graphql.json \
-H 'Content-Type: application/json' \
-H 'X-Shopify-Access-Token: {access_token}' \
-d '{
"query": "mutation productReorderMedia($id: ID!, $moves: [MoveInput!]!) { productReorderMedia(id: $id, moves: $moves) { job { id } } }",
"variables": {
"id": "gid://shopify/Product/108828309",
"moves": [
{
"id": "gid://shopify/MediaImage/183532652",
"newPosition": "2"
},
{
"id": "gid://shopify/MediaImage/731367280",
"newPosition": "3"
}
]
}
}'
const { admin } = await authenticate.admin(request);
const response = await admin.graphql(
`#graphql
mutation productReorderMedia($id: ID!, $moves: [MoveInput!]!) {
productReorderMedia(id: $id, moves: $moves) {
job {
id
}
}
}`,
{
variables: {
"id": "gid://shopify/Product/108828309",
"moves": [
{
"id": "gid://shopify/MediaImage/183532652",
"newPosition": "2"
},
{
"id": "gid://shopify/MediaImage/731367280",
"newPosition": "3"
}
]
},
},
);
const data = await response.json();
const client = new shopify.clients.Graphql({session});
const data = await client.query({
data: {
"query": `mutation productReorderMedia($id: ID!, $moves: [MoveInput!]!) {
productReorderMedia(id: $id, moves: $moves) {
job {
id
}
}
}`,
"variables": {
"id": "gid://shopify/Product/108828309",
"moves": [
{
"id": "gid://shopify/MediaImage/183532652",
"newPosition": "2"
},
{
"id": "gid://shopify/MediaImage/731367280",
"newPosition": "3"
}
]
},
},
});
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
mutation productReorderMedia($id: ID!, $moves: [MoveInput!]!) {
productReorderMedia(id: $id, moves: $moves) {
job {
id
}
}
}
QUERY
variables = {
"id": "gid://shopify/Product/108828309",
"moves": [{"id"=>"gid://shopify/MediaImage/183532652", "newPosition"=>"2"}, {"id"=>"gid://shopify/MediaImage/731367280", "newPosition"=>"3"}]
}
response = client.query(query: query, variables: variables)
Input variables
JSON{
"id": "gid://shopify/Product/108828309",
"moves": [
{
"id": "gid://shopify/MediaImage/183532652",
"newPosition": "2"
},
{
"id": "gid://shopify/MediaImage/731367280",
"newPosition": "3"
}
]
}
Response
JSON{
"productReorderMedia": {
"job": {
"id": "gid://shopify/Job/6dfa599a-a426-4030-8f10-6564abc465f9"
}
}
}