{% if oView.morePics() %}
    {% set iMorePics = oView.getIcons()|length %}

    <div class="details-picture-more{% if iMorePics > 4 %} flexslider{% endif %}" id="morePicsContainer">
        <ul class="{% if iMorePics > 4 %}slides{% else %}details-picture-more-list{% endif %}">
            {% for iPicNr, oArtIcon in oView.getIcons() %}
                {% set sPictureName = oPictureProduct.getPictureFieldValue("oxpic", iPicNr) %}
                {% set aPictureInfo = oPictureProduct.getMasterPicturePath("product/" ~ iPicNr ~ "/" ~ sPictureName)|getimagesize %}
                <li class="details-picture-more-list-item">
                    <a id="morePics_{{ loop.index }}"{% if aPictureInfo %} data-width="{{ aPictureInfo.0 }}" data-height="{{ aPictureInfo.1 }}"{% endif %} data-zoom-url="{{ oPictureProduct.getMasterZoomPictureUrl(iPicNr)|raw }}">
                        <img class="details-picture-more-img" src="{{ oPictureProduct.getIconUrl(iPicNr)|raw }}" alt="morepic-{{ loop.index }}">
                    </a>
                </li>
            {% endfor %}
        </ul>
    </div>
{% endif %}