Vòng qua trường mục phương tiện trong mẫu sản phẩm thương mại

Tôi hiện đang xây dựng một cửa hàng thương mại. Thông thường, tôi sử dụng tính năng nhúng, trình duyệt thực thể và dropzone js để cung cấp bộ sưu tập hình ảnh sản phẩm cho quản trị viên cửa hàng. Lần này, tôi đã sử dụng bộ sưu tập phương tiện Drupal làm trường biến thể sản phẩm. Và bây giờ tôi không biết làm cách nào để lặp qua mảng trường để lấy tệp uris cho mỗi hình ảnh.

        <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>

Đoạn mã trên hoạt động như mong muốn đối với loại trường hình ảnh thông thường. Nhưng khi tôi đặt loại thành phương tiện, tệp uri được hiển thị là "không xác định".

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

Ví dụ, mã twig ở trên mang lại cho tôi hai hình ảnh đầu tiên được hiển thị dưới dạng thẻ hình ảnh hoàn chỉnh. Nhưng bằng cách nào đó tôi không thể lấy được tệp mong muốn uri. Cảm ơn bạn rất nhiều trước!