Форумы / National / Russian / Тех. поддержка / Картинки вряд

для проектов в шаблон карточки проекта ( /public_html/themes/своя-тема/modules/projects/projects.tpl )

        <!-- IF {PHP.cot_plugins_active.attacherfreelance} AND {PRJ_ID|att_count('projects',$this)} > 0 -->
        <hr class="uk-divider-icon uk-margin-small">
        <div data-att-display="all">
          <p>{PHP.L.att_attachments} <span class="uk-margin-small-left uk-icon uk-text-warning" uk-icon="icon: image; ratio: 1.2"></span>
            <span class="uk-text-bold uk-link-text uk-margin-small-left uk-text-middle" uk-tooltip="Всего прикрепленно файлов / из них картинок / другие">{PRJ_ID|att_count('projects',$this)}/{PRJ_ID|att_count('projects',$this,'','images')}/{PRJ_ID|att_count('projects',$this,'','files')}</span>
          </p> {PRJ_ID|att_display('projects',$this,'','attacher.display.projects','all')}
        </div>
		<!-- ENDIF -->

далее, уже конкретно в шаблон

attacher.display.projects

который у нас должен быть по адресу

/public_html/themes/своя-тема/plugins/attacher/attacher.display.projects.tpl

кидаем код

<!-- BEGIN: MAIN -->
<div class="uk-overflow-auto">
<table class="uk-table uk-table-striped uk-table-hover uk-table-small uk-table-middle uk-table-divider">
		<thead class="starlance-bg-darkgreenblue uk-light">
			<tr>
				<th class="">ID №</th>
				<th class="">Предпросмотр</th>
				<th class="uk-table-expand uk-text-nowrap">Краткое описание</th>
				<th class="uk-table-expand uk-text-nowrap">Имя и расширение файла</th>
				<th class="uk-table-expand uk-text-nowrap">Размер</th>
				<th class="uk-table-expand uk-text-nowrap">Загрузки</th>
			</tr>
		</thead>
		<tbody>
    <!-- BEGIN: ATTACHER_ROW -->
		<tr>
			<td>#{ATTACHER_ROW_NUM}</td>
			<!-- IF {ATTACHER_ROW_IMG} -->
			<td uk-lightbox><a href="{ATTACHER_ROW_BIGTHUMB_URL}"  title="{ATTACHER_ROW_TITLE}"><img  width="48" height="48" src="{ATTACHER_ROW_THUMB_URL}" alt="{ATTACHER_ROW_SHORTNAME}"></td>
			<!-- ELSE -->
			<td><img src="{ATTACHER_ROW_EXT|att_icon($this,48)}" alt="{ATTACHER_ROW_EXT}" width="48" height="48"></td>
			<!-- ENDIF -->
			<td class="uk-text-nowrap">{ATTACHER_ROW_TITLE}</td>
			<td><a href="{ATTACHER_ROW_ID|cot_url('index', 'r=attacher&a=dl&id='$this)}" title="{ATTACHER_ROW_TITLE}" download>{ATTACHER_ROW_FILENAME}</a></td>
			<td class="uk-text-nowrap">{ATTACHER_ROW_SIZE}</td>
			<td class="uk-text-nowrap">({PHP.L.att_downloads}: {ATTACHER_ROW_COUNT})</td>
		</tr>
    <!-- END: ATTACHER_ROW -->
	</tbody>
</table>
</div>
<!-- END: MAIN -->

в результате получаем таблицу как на скрине выше.

далее подключаемый шаблон attacher.display.projects.tpl  можете крутить и верстать как угодно

разумеется нужно подключить библиотеку фронт-энд-фреймворка UIKIT3, которая подключена в примере

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

учитывая то, что к проектам обычно прекрепляют в основном документы, а не картинки, - я бы остановился на этом варианте.

а картинки в ряд уже лучше делать для модуля "маркет", либо прикрепляемые файлы выводить двумя разными шаблонами, где в одном только картинки, а в другом всё кроме картинок

исключительно для примера, в шаблоне market.tpl подключаем только картинки

				<!-- IF {PRD_ID|att_count('market',$this)} > 0 -->
				<div class="uk-card">
				<div class="uk-position-small uk-position-z-index uk-position-top-right uk-panel"><span class="uk-button uk-button-details" uk-tooltip="Всего прикрепленно файлов / из них картинок / другие для бесплатного скачивания">{PRD_ID|att_count('market',$this)}/{PRD_ID|att_count('market',$this,'','images')}/{PRD_ID|att_count('market',$this,'','files')}</span></div>
					<div data-att-display="all">
						{PRD_ID|att_display('market',$this,'','attacher.display.market','images')}
					</div>
				</div>
				<!-- ENDIF -->

Файлы, например, сразу после описания(PRD_TEXT) подключаем таким образом

<!-- IF {PRD_ID|att_count('market',$this,'','files')} > 0 -->
<div class="uk-alert-success uk-margin-top" uk-alert>
	<div data-att-downloads="download">
		<p><span class="uk-text-danger uk-text-bold">Файлы для загрузки </span><span class="uk-text-secondary">{PRD_SHORTTITLE}</span></p>
		<span class="uk-text-primary uk-text-bold" title="{PRD_SHORTTITLE} Скачать бесплатно">{PRD_ID|att_downloads('market',$this)}</span>
	</div>
</div>
<!-- ENDIF -->