การวนซ้ำช่องรายการสื่อในเทมเพลตผลิตภัณฑ์การค้า

ฉันกำลังสร้างร้านค้าเพื่อการพาณิชย์ โดยปกติแล้ว ฉันใช้ embed, เบราว์เซอร์เอนทิตี และ dropzone js เพื่อสร้างคอลเลกชันรูปภาพผลิตภัณฑ์สำหรับผู้ดูแลร้านค้า ครั้งนี้ ฉันใช้คอลเลกชันสื่อ Drupal เป็นฟิลด์รูปแบบผลิตภัณฑ์ และตอนนี้ฉันไม่รู้วิธีวนซ้ำอาร์เรย์ฟิลด์เพื่อดึงไฟล์ uris สำหรับแต่ละภาพ

        <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 ที่ต้องการได้ ขอบคุณล่วงหน้า!