getImageList и bootstrap — съезжает таблица

1 Posts

arturk Reply #1, 5 years, 1 month ago

Здравствуйте!
Помогите пожалуйста сделать правильно вывод выборки по 3 колонки в бутстрапе.
В шаблоне есть выборка из 9 элементов которые надо расположить в 3 столбца:

 <div class="row">
            <h2>[[%kcms_52? &namespace=`kcms`]]</h2>
            [[getImageList? &tvname=`longread__icons` &tpl=`longread-section-epro`
            &where=`{"keyword:=":"epro_opportunities"}` ]]
          </div>

Чанк longread-section-epro:

 <div class="col-lg-4 col-md-4 col-sm-4">
            <figure class="icon icon1">
              <img src="[[+icon]]" />
              <div class="icon__title">
                [[+title]]
              </div>
            </figure>
          </div>

В итоге разметка конечно съезжает
Подскажите плз как мне сделать правильно

185 Posts

Anton Tarasov Reply #2, 5 years, 1 month ago

приложите пожалуйста два html куска кода:
1) Что должно быть
2) Что получается у вас в результате генерации

Anton Tarasov
MODX Developer

Email: [email protected]
Web: antontarasov.com

9 Posts

sashape89 Reply #3, 5 years, 1 month ago

Если я правильно вы хотите вот так, получится в две линии.

<div class="row">
  <div class="col-lg-4 col-md-4 col-sm-4">
   ...
  </div>
  <div class="col-lg-4 col-md-4 col-sm-4">
   ...
  </div>
  <div class="col-lg-4 col-md-4 col-sm-4">
   ...
  </div>
</div>
<div class="row">
  <div class="col-lg-4 col-md-4 col-sm-4">
   ...
  </div>
  <div class="col-lg-4 col-md-4 col-sm-4">
   ...
  </div>
  <div class="col-lg-4 col-md-4 col-sm-4">
   ...
  </div>
</div>

Это нужно вводить &tplFirst &tplLast &tpl_N как в pdoTools, но getImageList так не умеет.
Я делал это с помощью fenom. Что-то вроде этого https://modx.pro/help/13415