но видимо прописываю, что то не так.

Теги в файлах шаблона всегда должны быть в фигурных скобках.

Чтобы вывести <hr> после четвертого элемента можно сделать вот так:

<!-- IF {LIST_ROW_NUM} = 4 -->
<hr>
<!-- ENDIF -->

Тут если порядковый номер элемента равен 4, то выводим тег <hr>.

Добавлено 5 минут спустя:

Чтобы <hr> выводился после каждого четверого элемента можно попробовать вот так: 

<!-- IF {LIST_ROW_NUM} % 4 < 1 -->
<hr>
<!-- ENDIF -->

Здесь если остаток от деления на 4 отсутствует (т.е делится на цело, без остатка, например 4/4=1, 8/4=2, 12/4=3), то выводим тег <hr>

Добавлено 3 минуты спустя:

В вашем случае проверку на условие нужно вставить вот так:

<!-- BEGIN: LIST_ROW -->
      <div class="grid-col grid-col-3">
          ...
      </div>
      <!-- IF {LIST_ROW_NUM} % 4 < 1 -->
      <hr>
      <!-- ENDIF -->
<!-- END: LIST_ROW -->

спасибо, все работает!

Я пробовал немного подругому:

Писал 

<!-- IF {LIST_ROW_COUNT} % 4 < 1 -->
<hr>
<!-- ENDIF -->

А надобыло NUM.

Еще ращ Спасибо!

но видимо прописываю, что то не так.

Теги в файлах шаблона всегда должны быть в фигурных скобках.

Чтобы вывести <hr> после четвертого элемента можно сделать вот так:

<!-- IF {LIST_ROW_NUM} = 4 -->
<hr>
<!-- ENDIF -->

Тут если порядковый номер элемента равен 4, то выводим тег <hr>.

Добавлено 5 минут спустя:

Чтобы <hr> выводился после каждого четверого элемента можно попробовать вот так: 

<!-- IF {LIST_ROW_NUM} % 4 < 1 -->
<hr>
<!-- ENDIF -->

Здесь если остаток от деления на 4 отсутствует (т.е делится на цело, без остатка, например 4/4=1, 8/4=2, 12/4=3), то выводим тег <hr>

Добавлено 3 минуты спустя:

В вашем случае проверку на условие нужно вставить вот так:

<!-- BEGIN: LIST_ROW -->
      <div class="grid-col grid-col-3">
          ...
      </div>
      <!-- IF {LIST_ROW_NUM} % 4 < 1 -->
      <hr>
      <!-- ENDIF -->
<!-- END: LIST_ROW -->

Есть следующая задача, добавить html код после вывода 4х новостей.

Вывожу новости следующим образом: в шаблоне прописано

<!-- BEGIN: LIST_ROW -->
        <div class="grid-col grid-col-3">
          <div class="team-item">
              <!-- IF {LIST_ROW_ID|cot_files_count('page',$this,'logo','images')} > 0 -->
            <div class="border-img">
              <div class="window-tabs">
                <div class="overflow-block">
                  <div class="inform-item">
                    <div class="social-person clear">
                      
                      <a href="https://www.cotonti.com/{LIST_ROW_URL}" title="{LIST_ROW_SHORTTITLE}" rel="bookmark" class="circle"><i class="fa fa-link"></i></a>
                      
                    </div>
                  </div>
                </div>
                  <img alt="{LIST_ROW_SHORTTITLE}" src="https://www.cotonti.com/{LIST_ROW_ID|cot_files_get('page',$this,'logo')|cot_files_thumb($this,600,600,'crop')}">
              </div>
            </div>
               <!-- ENDIF -->
            <h2>{LIST_ROW_SHORTTITLE}</h2>
        </div>
      </div>  
<!-- END: LIST_ROW -->

Думал если добавлю условие

<!-- IF LIST_ROW > 4 -->
<hr/>
<!-- ENDIF -->

То по достижению 4 новосте будет выводиться тег <hr/> и опять пойдут 4 новости, но видимо прописываю, что то не так.

Подскажите пожаллуйста, что делаю не так?

Заранее спасибо за ответ.