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

[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 верхних изображениях. Как сгделать, чтобы при нажатии на люпотому чтое изображение товара в модальном окне показывались все изображения данного товара.

 

 

Edited August 17, 2021 by okhnazir