Как вывести фото товара в свой слайдер-галерею?

Question

[freeman0204]

Есть свой слайдер с миниатюрами. Как я понимаю здесь нужно 2 цикла. Один для большой картинки и один для миниатюр.

Вот исходники:
https://github.com/woocommerce/woocommerce/blob/ma...
https://github.com/woocommerce/woocommerce/blob/ma...

Но пока не пойму как мне можно вывести фото товара. Как это можно реализовать в данном случаи? Стандартная галерея мне не подошла.

<div class="row">
                    <div class="col-xl-3">
                        <div class="slider-nav-woo">
                            <div class="slider-for__item item-nav">1</div>
                            <div class="slider-for__item item-nav">2</div>
                            <div class="slider-for__item item-nav">3</div>
                            <div class="slider-for__item item-nav">4</div>
                            <div class="slider-for__item item-nav">5</div>
                            <div class="slider-for__item item-nav">6</div>
                        </div>
                    </div>
                    <div class="col-xl-9">
                        <div class="slider-for-woo">
                            <div class="slider-for__item">1</div>
                            <div class="slider-for__item">2</div>
                            <div class="slider-for__item">3</div>
                            <div class="slider-for__item">4</div>
                            <div class="slider-for__item">5</div>
                            <div class="slider-for__item">6</div>
                        </div>
                    </div>
                </div>