Картинки для подкатегорий в теме Galantry

Приложение магазин - Витрина - Шаблоны

Файл category.html

перед кодом 

{* PRODUCT-LIST *}
{if !empty($products)}

добавьте следующий код:

        {if !empty($category.subcategories)}
        <div>
            {foreach $category.subcategories as $sc}
            <div class="sub-category">
                <a href="{$sc.url}" title="{$sc.name|escape}">
                    {if $sc.image}
                    <span class="img">
                        <img alt="{$sc.name|escape}" src="{$wa_url}wa-data/public/shop/categories/{$sc.id}/{$sc.id}.96{$sc.image}" >
                    </span>
                    {/if}
                    <span class="products__name">{$sc.name|escape}</span>
                </a>
            </div>
            {/foreach}
        </div>
        {/if}

Файл css/galantry.min.css в конец файла добавьте следующий код:

.sub-category{display:inline-block;width:25%;min-width:160px;margin-bottom:5px;text-align:center;vertical-align:top;}
.sub-category a{text-decoration: none;}
.sub-category .img{height:100px;line-height:100px;display:block}
.sub-category .img img{vertical-align: middle}