Перебор поля элемента мультимедиа в шаблоне коммерческого продукта

В настоящее время я строю торговый магазин. Обычно я использую embed, браузер сущностей и dropzone js, чтобы сделать коллекцию изображений продуктов доступной для администраторов магазинов. На этот раз я использовал медиа-коллекцию Drupal в качестве поля вариантов продукта. И теперь я не знаю, как перебрать массив полей, чтобы получить URI файла для каждого изображения.

        <div class="gallery">
        {% for item in product.variation_field_product_images['#items'] %}
            {% if loop.first %}
            <figure class="gallery_thumb first">
                <a href="{{ file_url(item.entity.uri.value) }}" data-size="1024x1024">
                    <img src="{{ file_url(item.entity.uri.value) }}" alt="Product Title" />
                </a>
            </figure>
            {% else %}              
            <figure class="gallery_thumb">
                <a href="{{ file_url(item.entity.uri.value) }}" data-size="1024x1024">
                    <img src="{{ file_url(item.entity.uri.value) }}" alt="Product Title" />
                </a>
            </figure>
            {% endif %}         
        {% endfor %}    
        </div>

Вышеприведенный код работает так, как нужно для обычного типа поля изображения. Но когда я устанавливаю тип носителя, uri файла отображается как «неизвестный».

{{ product.variation_field_product_images.0 }}
{{ product.variation_field_product_images.1 }}

Например, приведенный выше код ветки возвращает мне первые два изображения, отображаемые как полные теги изображения. Но я почему-то не могу получить нужный файл uri. Заранее большое спасибо!