model

Properties

Anchor to

alt

string

The alt text of the model.

Anchor to

id

number

The ID of the model.

Anchor to

media_type

string

The media type of the model. Always returns model.

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 models = product.media | where: 'media_type', 'model' %}

{% for model in models %}

{{- model | model_viewer_tag }}

{% endfor %}

Code

{% assign models = product.media | where: 'media_type', 'model' %}

{% for model in models %}
  {{- model | model_viewer_tag }}
{% endfor %}

Data

{
  "product": {
    "media": [
      {
        "media_type": "model"
      }
    ]
  }
}

Output

9

1

<model-viewer src="//polinas-potent-potions.myshopify.com/cdn/shop/3d/models/o/eb9388299ce0557c/WaterBottle.glb?v=0" camera-controls="true" style="--poster-color: transparent;" data-shopify-feature="1.12" alt="Potion bottle" poster="//polinas-potent-potions.myshopify.com/cdn/shop/products/WaterBottle_small.jpg?v=1655189057"></model-viewer>

Output

<model-viewer src="//polinas-potent-potions.myshopify.com/cdn/shop/3d/models/o/eb9388299ce0557c/WaterBottle.glb?v=0" camera-controls="true" style="--poster-color: transparent;" data-shopify-feature="1.12" alt="Potion bottle" poster="//polinas-potent-potions.myshopify.com/cdn/shop/products/WaterBottle_small.jpg?v=1655189057"></model-viewer>

Anchor to

position

number

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

Anchor to

preview_image

image

A preview image for the model.

Anchor to

sources

array of model_source

The source files for the model.