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

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

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>

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


Ещё статьи:

30.08.2022 Типовые претензии к подрядчику и к битрикс
По свежим следам я собрал типовые претензии к подрядчику и к битрикс. Мной был проведён аудит и я увидел, что техническое состояние сайта хорошее, нареканий... ID: 338

14.06.2022 Z-Донбасс и мой скромный волонтёрский вклад
Z-Донбасс и мой скромный волонтёрский вклад. Народ не забываем помогать людям Донбасса, которые оказались в сложной ситуации, без денег, еды.
В моём случае... ID: 334

20.09.2021 Разговор с рекрутером в 2021. Мидл это младший специалист и на удалёнку не ниже сеньёра
Рекрутер: В принципе ок, но обычно младших специалистов мы в офис берем). Что скажете?
П.С. Мда, интересно оказывается, что мидл это младший специалист,... ID: 320

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

08.09.2022 Расход оперативной памяти у интернет-магазина битрикс с 60 000 товаров
После выполнения мной доработки не связанной с обменом, у заказчика появилась проблема с обновлением товаров из раздела КПБ после обмена с 1С.

Перестали... ID: 341

31.08.2022 Тест VPS тарифа RED.Site-2 reddock.ru для битрикс Аспро
Параметры хостинга:
Виртуальный сервер RED.Site-2, Дисковое пространство -40Гб, Оперативная память - 2Гб ID: 340

31.08.2022 Тест тарифа reg.ru SSD-VPS-3 битрикс Аспро
Параметры хостинга SSD-VPS-3 сайта битрикс с Аспро в ходе тестов:
10 гб к серверу "Cyan Terbium", Премиум DNS, ISPmanager 6 Lite 8 для сервера... ID: 339

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

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