Выравнивание блоков в списке битрикс
После интеграции верстки в компоненты Битрикс частенько в процессе эксплуатации сайта, когда его наполняют реальным контентом, верстка начинает «ехать», особенно это часто случается со списком элементов. Высота контента разная, что влияет на расположение элемента (блока) в строке.
Чтобы этого избежать я применяю метод определения в шаблоне компонента первого элемента в списке, третьего (или четвертого в зависимости от дизайна) и последнего элемента для формирования строк (блоков 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>
Это позволяет выровнять все блоки в каждой строке:
Ещё статьи:
12.05.2023
Битрикс убрал тип поля "Привязка к карте Яндекс"
В новых обновлениях Битрикс убрал тип поля "Привязка к карте Яндекс".
ID: 455
18.01.2023
Нюансы перехода битрикс на РНР 8.0
С февраля битрикс прекращает поддерживать РНР 7.4 и в битрикс сегменте сайтов начался переход на РНР 8 для получения обновлений.
Но без нюансов и ошибок...
ID: 431
10.01.2023
БУС окончательно всё?
Появилась информация от битрикс, что грубо говоря поддержка по отраслевому медицинскому решению от битрикс будет до 1 февраля 2024 года, а что потом б...
ID: 426
Новые статьи в блоге:
04.06.2023
SLAM Продуманная форма обратной связи
На днях обнаружил, что многие бесплатные модули пропали из маркетплейс когда битрикс отключил их из-за отсутствия поддержки РНР 8.1. Хороший модуль SL...
ID: 457
04.06.2023
RU-CENTER отключить параметр mbstring.internal_encoding
Чтобы выполнить рекомендации битрикс "Параметр mbstring.internal_encoding в php.ini должен быть пустым, в настройках РНР панели ник ру не сразу очевидно...
ID: 456
27.04.2023
Любой фастобмен мошенники на любом домене FASTOBMEN
Любой фастобмен на любом домене FASTOBMEN - это мошенники, я бы назвал это франшизой обмана. Никаких обменов денег и валют они не делают, а блокируют ...
ID: 454