productVariantDetachMedia

mutation

Requires write_products access scope. Also: The user must have a permission to detach media from product variants.

Detaches media from product variants.

Arguments

Anchor to productIdproductId • ID!required: Specifies the product to which the variants and media are associated.
Anchor to variantMediavariantMedia • [ProductVariantDetachMediaInput!]!required: A list of pairs of variants and media to be deleted from the variants.

Was this section helpful?

Anchor to ProductVariantDetachMediaPayload returnsProductVariantDetachMediaPayload returns

Anchor to productproduct • Product: The product associated with the variants and media.
Anchor to productVariantsproductVariants • [ProductVariant!]: The product variants that were updated.
Anchor to userErrorsuserErrors • [MediaUserError!]!non-null: The list of errors that occurred from executing the mutation.

Was this section helpful?

Detach a product variant's media from a product
productVariantDetachMedia reference

Examples

1const { admin } = await authenticate.admin(request);
2
3const response = await admin.graphql(
4  `#graphql
5  mutation productVariantDetachMedia($productId: ID!, $variantMedia: [ProductVariantDetachMediaInput!]!) {
6    productVariantDetachMedia(productId: $productId, variantMedia: $variantMedia) {
7      product {
8        id
9      }
10    }
11  }`,
12  {
13    variables: {
14      "productId": "gid://shopify/Product/1072481079",
15      "variantMedia": [
16        {
17          "mediaIds": [
18            "gid://shopify/MediaImage/1072273220"
19          ],
20          "variantId": "gid://shopify/ProductVariant/1070325128"
21        },
22        {
23          "mediaIds": [
24            "gid://shopify/MediaImage/1072273221"
25          ],
26          "variantId": "gid://shopify/ProductVariant/1070325129"
27        }
28      ]
29    },
30  },
31);
32
33const data = await response.json();
34

mutation productVariantDetachMedia($productId: ID!, $variantMedia: [ProductVariantDetachMediaInput!]!) {
  productVariantDetachMedia(productId: $productId, variantMedia: $variantMedia) {
    product {
      id
    }
  }
}

curl -X POST \
https://your-development-store.myshopify.com/admin/api/2024-04/graphql.json \
-H 'Content-Type: application/json' \
-H 'X-Shopify-Access-Token: {access_token}' \
-d '{
"query": "mutation productVariantDetachMedia($productId: ID!, $variantMedia: [ProductVariantDetachMediaInput!]!) { productVariantDetachMedia(productId: $productId, variantMedia: $variantMedia) { product { id } } }",
 "variables": {
    "productId": "gid://shopify/Product/1072481079",
    "variantMedia": [
      {
        "mediaIds": [
          "gid://shopify/MediaImage/1072273220"
        ],
        "variantId": "gid://shopify/ProductVariant/1070325128"
      },
      {
        "mediaIds": [
          "gid://shopify/MediaImage/1072273221"
        ],
        "variantId": "gid://shopify/ProductVariant/1070325129"
      }
    ]
  }
}'

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

const response = await admin.graphql(
  `#graphql
  mutation productVariantDetachMedia($productId: ID!, $variantMedia: [ProductVariantDetachMediaInput!]!) {
    productVariantDetachMedia(productId: $productId, variantMedia: $variantMedia) {
      product {
        id
      }
    }
  }`,
  {
    variables: {
      "productId": "gid://shopify/Product/1072481079",
      "variantMedia": [
        {
          "mediaIds": [
            "gid://shopify/MediaImage/1072273220"
          ],
          "variantId": "gid://shopify/ProductVariant/1070325128"
        },
        {
          "mediaIds": [
            "gid://shopify/MediaImage/1072273221"
          ],
          "variantId": "gid://shopify/ProductVariant/1070325129"
        }
      ]
    },
  },
);

const data = await response.json();

const client = new shopify.clients.Graphql({session});
const data = await client.query({
  data: {
    "query": `mutation productVariantDetachMedia($productId: ID!, $variantMedia: [ProductVariantDetachMediaInput!]!) {
      productVariantDetachMedia(productId: $productId, variantMedia: $variantMedia) {
        product {
          id
        }
      }
    }`,
    "variables": {
      "productId": "gid://shopify/Product/1072481079",
      "variantMedia": [
        {
          "mediaIds": [
            "gid://shopify/MediaImage/1072273220"
          ],
          "variantId": "gid://shopify/ProductVariant/1070325128"
        },
        {
          "mediaIds": [
            "gid://shopify/MediaImage/1072273221"
          ],
          "variantId": "gid://shopify/ProductVariant/1070325129"
        }
      ]
    },
  },
});

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 productVariantDetachMedia($productId: ID!, $variantMedia: [ProductVariantDetachMediaInput!]!) {
    productVariantDetachMedia(productId: $productId, variantMedia: $variantMedia) {
      product {
        id
      }
    }
  }
QUERY

variables = {
  "productId": "gid://shopify/Product/1072481079",
  "variantMedia": [{"mediaIds"=>["gid://shopify/MediaImage/1072273220"], "variantId"=>"gid://shopify/ProductVariant/1070325128"}, {"mediaIds"=>["gid://shopify/MediaImage/1072273221"], "variantId"=>"gid://shopify/ProductVariant/1070325129"}]
}

response = client.query(query: query, variables: variables)

Input variables

JSON

1{
2  "productId": "gid://shopify/Product/1072481079",
3  "variantMedia": [
4    {
5      "mediaIds": [
6        "gid://shopify/MediaImage/1072273220"
7      ],
8      "variantId": "gid://shopify/ProductVariant/1070325128"
9    },
10    {
11      "mediaIds": [
12        "gid://shopify/MediaImage/1072273221"
13      ],
14      "variantId": "gid://shopify/ProductVariant/1070325129"
15    }
16  ]
17}

Response

JSON

1{
2  "productVariantDetachMedia": {
3    "product": {
4      "id": "gid://shopify/Product/1072481079"
5    }
6  }
7}