---
title: ProductVariantComponent - Storefront API
description: >
  An individual product variant included in a [fixed
  bundle](https://shopify.dev/docs/apps/build/product-merchandising/bundles).
  Fixed bundles group multiple products together and sell them as a single unit,
  with the bundle's inventory determined by its components.


  Access components through the `ProductVariant` object's
  [`components`](/docs/api/storefront/2026-04/objects/ProductVariant#field-ProductVariant.fields.components)
  field.
api_version: 2026-04
api_name: storefront
type: object
api_type: graphql
source_url:
  html: >-
    https://shopify.dev/docs/api/storefront/latest/objects/ProductVariantComponent
  md: >-
    https://shopify.dev/docs/api/storefront/latest/objects/ProductVariantComponent.md
---

# Product​Variant​Component

object

Requires `unauthenticated_read_product_listings` access scope.

An individual product variant included in a [fixed bundle](https://shopify.dev/docs/apps/build/product-merchandising/bundles). Fixed bundles group multiple products together and sell them as a single unit, with the bundle's inventory determined by its components.

Access components through the `ProductVariant` object's [`components`](https://shopify.dev/docs/api/storefront/2026-04/objects/ProductVariant#field-ProductVariant.fields.components) field.

## Fields

* product​Variant

  [Product​Variant!](https://shopify.dev/docs/api/storefront/latest/objects/ProductVariant)

  non-null

  The product variant object that the component belongs to.

* quantity

  [Int!](https://shopify.dev/docs/api/storefront/latest/scalars/Int)

  non-null

  The quantity of component present in the bundle.

***

## Map

### Fields and connections with this object

* [ProductVariant.components](https://shopify.dev/docs/api/storefront/latest/objects/ProductVariant#field-ProductVariant.fields.components)
* [ProductVariantComponentConnection.nodes](https://shopify.dev/docs/api/storefront/latest/connections/ProductVariantComponentConnection#returns-nodes)
* [ProductVariantComponentEdge.node](https://shopify.dev/docs/api/storefront/latest/objects/ProductVariantComponentEdge#field-ProductVariantComponentEdge.fields.node)