<div class="row">
    {% for category in get_category_sub_categories(108) %}
        <div class="col-12 col-md-6 col-lg-3">
            <a href="{{ path('shop_category_detail', {'slug': category.slug}) }}" class="shop-item">
                <div class="shop-item__cover">
                    {% if category.CategoryUploadGroups|length > 0 and category.CategoryUploadGroups[0].UploadGroup.upload|length > 0 %}
                        <img src="{{ category.CategoryUploadGroups[0].UploadGroup.upload[0].path }}" class="hp-article__img" alt="Article photo">
                    {% else %}
                        <img class="shop-item__image" src="{{ asset('build/img/ilustracni.jpg') }}" alt="Article photo">
                    {% endif %}
                </div>
                <h4 class="shop-item__title">{{ category.name }}</h4>
            </a>
        </div>
    {% endfor %}
</div>