media

Properties

Anchor to

alt

string

The alt text of the media.

Anchor to

id

number

The ID of the media.

Anchor to

media_type

string from a set of values

The media type.

Possible values
image
model
video
external_video

Example

Filter for media of a specific type

You can use the media_type property with the where filter to filter the product.media array for all media of a desired type.

CodeData

Reset Code

9

1

2

3

4

5

{% assign images = product.media | where: 'media_type', 'image' %}

{% for image in images %}

{{- image | image_url: width: 300 | image_tag }}

{% endfor %}

Code

{% assign images = product.media | where: 'media_type', 'image' %}

{% for image in images %}
  {{- image | image_url: width: 300 | image_tag }}
{% endfor %}

Data

{
  "product": {
    "media": [
      "products/oil-dripping-into-jar.jpg"
    ]
  }
}

Output

9

1

<img src="//polinas-potent-potions.myshopify.com/cdn/shop/products/oil-dripping-into-jar.jpg?v=1650399519&amp;width=300" alt="Viper venom" srcset="//polinas-potent-potions.myshopify.com/cdn/shop/products/oil-dripping-into-jar.jpg?v=1650399519&amp;width=300 300w" width="300" height="200">

Anchor to

position

number

The position of the media in the product.media array.

If the source is a file_reference metafield, then nil is returned.

Anchor to

preview_image

image

A preview image of the media.

Note

Preview images don't have an ID attribute.