Всплывающее окно

[okhnazir]

Здравствуйте, подскажите пожалуйста, на opencart 3.0.2.0 на странице товара, возможно добавить всплывающем окне все изображения товара. 

На странице товара изображения показывается как на скриншоте. 

 

<ul class="product-flex">        
        <li class="item-flex-img">
          <button style="border:none; background-color: transparent; " id="productBtnImg"><img class="progressive" src="{{ thumb }}" alt=""></button>
        </li>  
        {% if images %}
        {% for image in images %}
        <li class="item-flex-img hidden-xs">
          <button style="border:none; background-color: transparent;"id="productBtnImgList"><img class="progressive" src="{{ image.popup }}" alt=""></button>
        </li> 
         {% endfor %}
         {% endif %}
</ul>
с id я смог вывести всплывающем окне все изображения товара только на 2 верхних изображениях. Как сделать, чтобы при нажатии на любое изображение товара в модальном окне показывались все изображения данного товара.

 

 

Змінено 17 серпня 2021 користувачем okhnazir