{#
{% set productImages = product.productImages %}

{% if productImages|length > 0 %}

    <div class="product-gallery">
        <!-- Swiper -->
        <div class="swiper-container gallery-top">
            <div class="swiper-wrapper">

                {% for i,productImage in productImages %}
                    {% set dir = getProductImageDir(productImage.product|default) %}
                    {% set imageFullPath=  dir|default~productImage.filename|default %}
                    <div class="swiper-slide" >
                        <a href="{{ asset(imageFullPath) }}" data-fancybox="gallery">
                            <img src="{{  imageFullPath|imagine_filter('thumb',{"thumbnail": {"size": [600,900] }}) }}" alt="">
                        </a>
                    </div>
                {% endfor %}
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>
        <div class="swiper-container gallery-thumbs">
            <div class="swiper-wrapper">
                {% for i,productImage in productImages %}
                    {% set dir = getProductImageDir(productImage.product|default) %}
                    {% set imageFullPath=  dir|default~productImage.filename|default %}
                    <div class="swiper-slide" >
                        <img src="{{  imageFullPath|imagine_filter('thumb',{"thumbnail": {"size": [600,650] }}) }}" alt="">
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>

{% endif %}
#}

{% set productImages = product.productImages %}

{% if productImages|length > 0 %}

    <div class="product-gallery">
        <!-- Swiper -->
        <div class="swiper-container gallery-top">
            <div class="swiper-wrapper">

                {% for i,productImage in productImages %}
                    {% set dir = getProductImageDir(productImage.product|default) %}
                    {% set imageFullPath=  dir|default~productImage.filename|default %}
                    <div class="swiper-slide">
                        <a href="{{ asset(imageFullPath) }}" data-fancybox="gallery">
                            <img src="{{ imageFullPath|imagine_filter('thumb',{"thumbnail": {"size": [600,900] }}) }}"
                                 alt="">
                        </a>
                    </div>
                {% endfor %}
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>
        <div class="swiper-container gallery-thumbs">
            <div class="swiper-wrapper">
                {% for i,productImage in productImages %}
                    {% set dir = getProductImageDir(productImage.product|default) %}
                    {% set imageFullPath=  dir|default~productImage.filename|default %}
                    <div class="swiper-slide">
                        <img src="{{ imageFullPath|imagine_filter('thumb',{"thumbnail": {"size": [600,650] }}) }}"
                             alt="">
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>

{% endif %}