{% if product.imagesByType('main') is not empty %}
    {% set source_path = product.imagesByType('main').first.path %}
    {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
    {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
{% elseif product.images.first %}
    {% set source_path = product.images.first.path %}
    {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
    {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
{% else %}
    {% set original_path = '//placehold.it/400x300' %}
    {% set path = original_path %}
{% endif %}

<!-- Carousel slider -->
<div class="carousel dots-inside dots-dark arrows-visible" data-items="1" data-loop="true" data-autoplay="true" data-animate-in="fadeIn" data-animate-out="fadeOut" data-autoplay="2500" data-lightbox="gallery">
    {% for image in product.images %}
        {% set path = image.path is not null ? image.path|imagine_filter('sylius_shop_product_large_thumbnail') : '//placehold.it/200x200' %}
        <a href="{{ image.path|imagine_filter('sylius_shop_product_original') }}" data-lightbox="image" title="{{product.name}}"><img alt="{{product.name}}" src="{{ path }}">
        </a>
    {% endfor %}
</div>
<!-- Carousel slider -->