Настроить вывод категорий как в промо-блоке

Подскажите, что нужно написать в коде странице (настроить стили - это понятно), чтобы подкатегории на странице выводились как промо-блоки на главной странице сайт.

Главная http://vmiremonet.ru/

Страница категорий http://vmiremonet.ru/category/monety/

Код вывода промо-блока

{if $promocards = $wa->shop->promos()}

<!-- PROMOS -->

<section class="promos">

<ul>

{foreach $promocards as $promo}

<li id="s-promo-{$promo.id}">

<a href="{$promo.link|escape}" style="background-image: url('{$promo.image}');">

<div class="background-color-layer"></div>

{if !empty($promo.title)}<h5 style="color: {$promo.color};">{$promo.title|escape}</h5>{/if}

{if !empty($promo.body)}<p style="color: {$promo.color};">{$promo.body|escape}</p>{/if}

</a>

</li>

{/foreach}

</ul>

</section>

{/if}

Код вывода категорий:

<!-- subcategories -->

{if $category.subcategories}

<div class="sub-categories">

{foreach $category.subcategories as $sc}

{if $sc.count>0}

<span><a href="{$sc.url}">{$sc.name|escape} ({$sc.count})</a></span><br>

{/if}

{/foreach}

</div>

{/if}