Выравнивание блоков в списке битрикс

Выравнивание блоков в списке битрикс

26.03.2017

После интеграции верстки в компоненты Битрикс частенько в процессе эксплуатации сайта, когда его наполняют реальным контентом, верстка начинает «ехать», особенно это часто случается со списком элементов. Высота контента разная, что влияет на расположение элемента (блока) в строке.
Чтобы этого избежать я применяю метод определения в шаблоне компонента первого элемента в списке, третьего (или четвертого в зависимости от дизайна) и последнего элемента для формирования строк (блоков row бустрапа).

< ? $cnt=1; ? > //за пределами списка задаю начальную точку
< ? $b = 3;? > // для определения кратности трем
< div_ class_='otziv-list-all'>
< ?foreach($arResult['ITEMS'] as $arItem):? >
< ?if ($cnt == 1):?> < _div class_='row 1' > //если первый элемент открываю строку
< div_ class_='otziv-item-all' id='<?=$this->GetEditAreaId($arItem[‘ID’]);?>'>
…сам первый элемент (содержание)
</ div_>
< ?elseif($cnt {2cf66a6d6ef4380573b7d4eeb8e4e454210eecfb842ebd130b93d4350bc9faa6} $b == 0):? >
< div_ class_='otziv-item-all' id='<?=$this->GetEditAreaId($arItem[‘ID’]);?>'>
…сам элемент (содержание) кратный трем
</ div_>

</ div_> // закрываем строку
< div_ class_='row 2' > // открываем новую
< ?elseif($cnt == end($arResult[«ITEMS»])):? >
< div_ class_='otziv-item-all' id='<?=$this->GetEditAreaId($arItem[‘ID’]);? >'>
…последний элемент (содержание)
</ div_>
</ div_> // закрываем строку
< ?else:? >
< _div class_='otziv-item-all' id='<?=$this->GetEditAreaId($arItem[‘ID’]);? >'>
…остальные элементы (содержание), которые не попадают под условие
</ _div>
< ?endif;? >
< ?$cnt++; ? >
< ?endforeach;? >
</ _div>

Это позволяет выровнять все блоки в каждой строке:


Ещё статьи:

01.12.2020 Свершилось, битрикс перестал поддерживать mbstring.func_overload
Теперь для обновления на версию v20.100.0 требуется удаление опции mbstring.func_overload. Эта опция более не требуется и не поддерживается платформой... ID: 313

13.08.2020 Получить id элемента привязки к пользователю битрикс
Получить id элемента, который добавлен в свойство привязки к пользователю битрикс ID: 250

22.06.2020 Дубли внешнего кода не грузятся при импорте Битрикс
При копировании штатными средствами элементов (кнопка копировать) обнаружил такой момент, что при XML экспорте и последующим XML импорте не вс... ID: 243

Новые статьи в блоге:

01.07.2021 Типовые ошибки битрикс программиста на этапе предоставления образцов кода
ID: 319

07.05.2021 Дайджест №1 Ваджра и еврейский вопрос
На днях Ваджра зацепил так называемый "еврейский вопрос", выдержка цитата:
На днях я был безжалостно записан в антисемиты. Забавно. Честно говоря,... ID: 318

06.05.2021 Кто такой Андрей Ваджра? Мой персональный отзыв об этом псевдо-эксперте
Есть такой псевдо-аналитик Андрей Ваджра с Украины, основная специализация которого украинская тематика. У него есть канал в ютубе, новостной сайт и группы... ID: 317

Возврат к списку

© 2015-2021 Web админ
Связаться по WhatsApp