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

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

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>

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


Ещё статьи:

15.02.2024 История о жадности или как клиент свободное место искал на сервере
Случилась у меня одна история с клиентом, который свободное место искал на сервере, но на самом деле это больше о жадности, но в итоге всё равно пришл... ID: 466

08.11.2023 Хроники БУС упадка
На днях произошли очередные изменения в БУС битрикс. Полезный модуль bitrix.xscan включили в состав проактивной защиты и убрали из бесплатного сегмента... ID: 465

26.07.2023 Kwork.com закрыл доступ для резидентов РФ
Доступ к выставлению услуг теперь ограничен "К сожалению, вынуждены сообщить, что резиденты РФ в настоящее время не могут использовать сайт Kwork... ID: 463

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

07.06.2025 WP vs Bitrix #4 Все страницы сайта на полях ACF сделаны.
Очередной пример того, что система управления как инструмент не виновата. Но тем не менее эти люди со светлыми вордпрессными лицами скажут, что битрик... ID: 623

07.06.2025 Нюансы обновления Аспро Медицинский центр 2
Вопрос от клиента, если есть аспро мед 2, но сейчас уже аспро мед 3. Это новый покупается? или обновляется текущий? ID: 622

07.06.2025 Много детальных шаблонов с привязкой к ID элемента
Очередной случай когда скажут битрикс плохой, но инструмент не виноват в том, ка его используют.
Многое видел, но чтобы плодить множество детальных шаблонов... ID: 621

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

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