---
title: ProductVariantComponentConnection - Storefront API
description: >
  An auto-generated type for paginating through multiple
  ProductVariantComponents.
api_version: 2025-10
api_name: storefront
type: connection
api_type: graphql
source_url:
  html: >-
    https://shopify.dev/docs/api/storefront/latest/connections/ProductVariantComponentConnection
  md: >-
    https://shopify.dev/docs/api/storefront/latest/connections/ProductVariantComponentConnection.md
---

# Product​Variant​Component​Connection

connection

An auto-generated type for paginating through multiple ProductVariantComponents.

## Fields with this connection

* [Product​Variant.components](https://shopify.dev/docs/api/storefront/latest/objects/ProductVariant#field-ProductVariant.fields.components)

  OBJECT

  A product variant represents a different version of a product, such as differing sizes or differing colors.

***

## Possible returns

* edges

  [\[Product​Variant​Component​Edge!\]!](https://shopify.dev/docs/api/storefront/latest/objects/ProductVariantComponentEdge)

  non-null

  A list of edges.

* nodes

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

  non-null

  A list of the nodes contained in ProductVariantComponentEdge.

* page​Info

  [Page​Info!](https://shopify.dev/docs/api/storefront/latest/objects/PageInfo)

  non-null

  Information to aid in pagination.

***

## Map

### Fields with this connection

* {}[Product​Variant.components](https://shopify.dev/docs/api/storefront/latest/objects/ProductVariant#field-ProductVariant.fields.components)

### Possible returns

* <->[Product​Variant​Component​Connection.edges](https://shopify.dev/docs/api/storefront/latest/connections/ProductVariantComponentConnection#returns-edges)
* <->[Product​Variant​Component​Connection.nodes](https://shopify.dev/docs/api/storefront/latest/connections/ProductVariantComponentConnection#returns-nodes)
* <->[Product​Variant​Component​Connection.pageInfo](https://shopify.dev/docs/api/storefront/latest/connections/ProductVariantComponentConnection#returns-pageInfo)