В коде ниже разделы сайта разбиты на два столбца и получается такой вид:
<div class="index__catlist__item i0"></div>
<div class="index__catlist__item i1"></div>
<div class="clearfix"></div>
<div class="index__catlist__item i0"></div>
<div class="index__catlist__item i1"></div>
<div class="clearfix"></div>

А как изменить код для такого вывода:
<div class="index__catlist__item i0"></div>
<div class="index__catlist__item i1"></div>
<div class="index__catlist__item i2"></div>
<div class="clearfix"></div>
<div class="index__catlist__item i0"></div>
<div class="index__catlist__item i1"></div>
<div class="index__catlist__item i2"></div>
<div class="clearfix"></div>

В i<?= $i%2 ?> меняю на i<?= $i%3 ?>, получается как нужно, но как сделать подстановку <div class="clearfix"></div>

<?php
$i = 0;
foreach($cats as $k=>$v): ?>
<div class="index__catlist__item i<?= $i%2 ?>">
<a href="<?= $v['l'] ?>" class="img"><img src="<?= $v['i'] ?>" alt="" /></a>
<div class="title">
    <a href="<?= $v['l'] ?>"><?= $v['t'] ?></a><br>
    <span class="index__catlist__item__count"> (<?= $v['items'] ?>)</span>
</div>
</div>
<? if($i++%2) { ?><div class="clearfix"></div><? }
endforeach; ?>
<div class="clearfix"></div>