<div class="categoryGrid__item">

    <a
            href="{{ category.url }}"
            title="{{ category.name }}"
            class="categoryCard"
    >


        <div class="categoryCard__imageBox">

            <div class="categoryCard__imageWrap {% if category.thumb_image is empty %}imageIcon{% endif %}">

                
                {% if category.thumb_image is not empty %}
                    <img
                            src="/{{ image_folders['category_thumb_images']['home_image']['path'] }}/{{ category.thumb_image }}"
                            alt="{{ category.thumb_image_alt }}"
                            width="245"
                            height="226"
                            loading="lazy"
                            class="categoryCard__image"
                    >
                {% else %}
                    <img
                            src="{{ settings.THEME_URL }}/images/placeholders/no-image-items-thumb.png"
                            alt="{{ category.name }}"
                            width="200"
                            height="200"
                            loading="lazy"
                            class="categoryCard__imageIcon"
                    >
                {% endif %}

            </div> <!-- .imageWrap -->

        </div> <!-- .categoryCTAWrap__imageBox -->

        <div class="categoryCard__text">
            {{ category.name }}
        </div>

    </a>

</div>
