How to display the main image in additional opencart 3?

Question

opencart

There is a photo output block in the product card, tell me how to make the main photo also be displayed in additional

<div class="shop-detail_img">
          {% if thumb or images %}
            <div class="big-img">
            {% if thumb %}
            <li><a class="big-img_block" href="{{ popup }}" title="{{ heading_title }}"><img id="imgup" src="{{ popup }}" title="{{ heading_title }}" alt="{{ heading_title }}" /></a></li>
            {% endif %}
            </div>
            <div class="slide-img">
            {% if images %}
            {% for image in images %}
            <li class="slide-img_block block-img-w"><a href="{{ image.popup }}" title="{{ heading_title }}" onclick="swap(this); return false;"> <img src="{{ image.popup }}" title="{{ heading_title }}" alt="{{ heading_title }}" /></a></li>
            {% endfor %}
            {% endif %}
            </div>
            {% endif %}
                    </div>

Answer 1

1. you need to make
, for example, thumb_small for the main one with thumb sizes for additional images
2 before the for loop,
output According to your code p.1. you can skip