---
title: MediaConnection - Storefront API
description: |
  An auto-generated type for paginating through multiple Media.
api_version: 2026-01
api_name: storefront
type: connection
api_type: graphql
source_url:
  html: https://shopify.dev/docs/api/storefront/latest/connections/mediaconnection
  md: https://shopify.dev/docs/api/storefront/latest/connections/mediaconnection.md
---

# Media​Connection

connection

An auto-generated type for paginating through multiple Media.

## Fields with this connection

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

  OBJECT

  Represents an item listed in a shop's catalog.

  Products support multiple [product variants](https://shopify.dev/docs/api/storefront/current/objects/ProductVariant), representing different versions of the same product, and can include various [media](https://shopify.dev/docs/api/storefront/current/interfaces/Media) types. Use the [`selectedOrFirstAvailableVariant`](https://shopify.dev/docs/api/storefront/current/objects/Product#field-Product.fields.selectedOrFirstAvailableVariant) or [`variantBySelectedOptions`](https://shopify.dev/docs/api/storefront/current/objects/Product#field-Product.fields.variantBySelectedOptions) fields to help customers find the right variant based on their selections.

  Products can be organized into [collections](https://shopify.dev/docs/api/storefront/current/objects/Collection), associated with [selling plans](https://shopify.dev/docs/api/storefront/current/objects/SellingPlanGroup) for subscriptions, and extended with custom data through [metafields](https://shopify.dev/docs/api/storefront/current/objects/Metafield).

  Learn more about working with [products and collections](https://shopify.dev/docs/storefronts/headless/building-with-the-storefront-api/products-collections).

***

## Possible returns

* edges

  [\[Media​Edge!\]!](https://shopify.dev/docs/api/storefront/latest/objects/MediaEdge)

  non-null

  A list of edges.

* nodes

  [\[Media!\]!](https://shopify.dev/docs/api/storefront/latest/interfaces/Media)

  non-null

  A list of the nodes contained in MediaEdge.

* 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.media](https://shopify.dev/docs/api/storefront/latest/objects/Product#field-Product.fields.media)

### Possible returns

* [Media​Connection.edges](https://shopify.dev/docs/api/storefront/latest/connections/MediaConnection#returns-edges)
* [Media​Connection.nodes](https://shopify.dev/docs/api/storefront/latest/connections/MediaConnection#returns-nodes)
* [Media​Connection.pageInfo](https://shopify.dev/docs/api/storefront/latest/connections/MediaConnection#returns-pageInfo)