вдохновляйтесь частичным для категорий (напр .: новости / ресурсы / частное / частичное / категория / элементы. html):
<f:section name="category-classes">
<f:for each="{categories}" as="category"> cat-class-{category.uid}</f:for>
</f:section>
и встроите его в свой шаблон (список, подробности , ...)
например, элемент списка (напр .: новости / ресурсы / частный / частичные / список / элементы. html) изменить строку 8 с
<div class="article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}" itemscope="itemscope" itemtype="http://schema.org/Article">
на
<div class="article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}{f:render(section:'category-classes', arguments:'categories:newsItem.categories')}" itemscope="itemscope" itemtype="http://schema.org/Article">