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

виталик
#1 2022-02-09 18:39

Здравствуйте.Ребят, как мне сделать, чтоб картики в модуле прокты вряд стояли ? https://prnt.sc/26scfax  

 

<!-- IF {PRJ_ID|att_count('projects',$this)} > 0 -->
<div data-att-display="all">
    <h3>{PHP.L.att_attachments}</h3>
    {PRJ_ID|att_display('projects',$this,'','attacher.display','all')}
</div>
<!-- ENDIF -->

 

webitproff
#2 2022-02-10 05:19
#45553 виталик:

как мне сделать, чтоб картики в модуле прокты вряд стояли ?

это вопрос вёрстки,

шаблон сайта на бустрап? - то Вам сюда

Добавлено 1 час спустя:

""Картинки вряд"" для плагина attacher сделал пример

смотреть и скачать можнотут CodePen Slider and lightbox on UIKIT 3 for attacher on Cotonti

уже готовая болванка, но в разделе проектов я бы сделал так

 

Добавлено 12 часов спустя:

#45553 виталик:

Здравствуйте.Ребят, как мне сделать, чтоб картики в модуле прокты вряд стояли ? https://prnt.sc/26scfax  

 

<!-- IF {PRJ_ID|att_count('projects',$this)} > 0 -->
<div data-att-display="all">
    <h3>{PHP.L.att_attachments}</h3>
    {PRJ_ID|att_display('projects',$this,'','attacher.display','all')}
</div>
<!-- ENDIF -->

 

даже ни спасибо, - пишем на кворке если нид хелп

аккаунт удален - не срослось с разработчиками
ушел на другой движок

Bu konu webitproff tarafından düzenlendi(2022-02-11 12:23, 2 yıllar önce)
виталик
#3 2022-02-11 05:01
#45554 webitproff:
#45553 виталик:

как мне сделать, чтоб картики в модуле прокты вряд стояли ?

это вопрос вёрстки,

шаблон сайта на бустрап? - то Вам сюда

Добавлено 1 час спустя:

""Картинки вряд"" для плагина attacher сделал пример

смотреть и скачать можнотут CodePen Slider and lightbox on UIKIT 3 for attacher on Cotonti

уже готовая болванка, но в разделе проектов я бы сделал так

 

Добавлено 12 часов спустя:

#45553 виталик:

Здравствуйте.Ребят, как мне сделать, чтоб картики в модуле прокты вряд стояли ? https://prnt.sc/26scfax  

 

<!-- IF {PRJ_ID|att_count('projects',$this)} > 0 -->
<div data-att-display="all">
    <h3>{PHP.L.att_attachments}</h3>
    {PRJ_ID|att_display('projects',$this,'','attacher.display','all')}
</div>
<!-- ENDIF -->

 

даже ни спасибо, - пишем на кворке если нид хелп

Только зашол, прочитал. Конечно же спасибо огромное. Но ток я не совсем понял. Где верстать https://codepen.io/webitproff/pen/VOpOwj

webitproff
#4 2022-02-11 08:19

для проектов в шаблон карточки проекта ( /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 -->				

 

аккаунт удален - не срослось с разработчиками
ушел на другой движок

Bu konu webitproff tarafından düzenlendi(2022-02-11 09:00, 2 yıllar önce)
виталик
#5 2022-02-11 08:57
#45556 webitproff:

для проектов в шаблон карточки проекта ( /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 -->				

 

Ещё раз, огромное спасибо, помогли здорово !!!!

webitproff
#6 2022-02-11 09:06

был рад помочь, пожалуйста, отредактируйте свои сообщения и уберите цитаты кода, пожалуйста, в ответах не цитируйте всё целиком - сами потом потеряетесь

аккаунт удален - не срослось с разработчиками
ушел на другой движок
виталик
#7 2022-02-11 09:13
#45559 webitproff:

был рад помочь, пожалуйста, отредактируйте свои сообщения и уберите цитаты кода, пожалуйста, в ответах не цитируйте всё целиком - сами потом потеряетесь

Блин, чот слайдером , вернее просмотрт листания фоток не получаться сделать.

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

А хотя всё. Методом тыка - сделал.


Bu konu виталик tarafından düzenlendi(2022-02-11 10:08, 2 yıllar önce)
webitproff
#8 2022-02-11 11:04

всё там делается )),

если что пишите, только уточняйте как можно больше о проблеме

аккаунт удален - не срослось с разработчиками
ушел на другой движок