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

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

#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 ? 

#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 -->

 

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

#45559 webitproff:

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

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

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

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