{% load thumbnail %}
{% load i18n %}
{% load staticfiles %}

{% with all_images=product.get_all_images %}
    {# use length rather then count as the images get queried anyways #}

    {% if all_images|length > 1 %}
        <ul class="light-slider">
            {% for image in all_images %}
                <li>
                    {% thumbnail image.original "600x600" upscale=False as thumb %}
                        <img class="img-fluid" src="{{ thumb.url }}" alt="{{ product.get_title }}"/>
                    {% endthumbnail %}
                </li>
            {% endfor %}
        </ul>
    {% else %}

        {# Only one image to show #}
        <div id="product_gallery" class="carousel">
            <div class="thumbnail">
                <div class="carousel-inner">
                    <div class="item active">
                        {% with image=product.primary_image %}
                            {% thumbnail image.original "600x600" upscale=False as thumb %}
                                <img src="{{ thumb.url }}" alt="{{ product.get_title }}"/>
                            {% endthumbnail %}
                        {% endwith %}
                    </div>
                </div>
            </div>
        </div>

    {% endif %}
{% endwith %}