Модуль Multiblock

: Модули; 14.02.2025

Модуль сделан очень просто. Основа - несколько визуальных редакторов вместо одного.

Не всегда бывает удобно все свои задумки размещать в одном редакторе, тем более когда речь идет о верстке. Так же не всегда удобно использовать несколько модулей там, где хотелось бы иметь один. В итоге получили модуль с 4-я визуальными редакторами и полями для вставки классов, id, атрибутов для каждого блока и для родительского блока.
Модуль легко кастомизируется и переопределяется. Это бывает очень полезно при создании "экзотической" верстки, например на главной странице. По сути, это набор HTML шаблонов. На этой странице будет несколько примеров использования модуля Multiblock.

Ниже приведен пример стандартной реализации модуля. По сути, это 4 модуля в 1-ой оболочке. Модуль легко настраивается, но это не конструктор страниц и для работы с ним нужны некоторые навыки верстки.

Multiblock. Default

Carlos Santana

Aliquam erat volutpat
Curabitur accumsan
Ut viverra eu mi facilisis tempus
Duis porta nec nisi at ullamcorper
Cras eros massa

Maria-maria
Maria Maria (Sped Up) 1999 г.
Smooth
Supernatural 1999
Black Magic Woman
Abraxas 1970

Corason Espinado
Supernatural 1999
Samba Pa Ti
Abraxas 1970
The Game of Love
Shaman 2002

Vestibulum

Ut viverra eu mi facilisis tempus. In sit amet tempor erat. Etiam fringilla orci ex, condimentum aliquet augue eleifend sed. Donec hendrerit tellus vel arcu congue pharetra.

Multiblock. Switcher

Модуль легко кастомизируется. Один из макетов - Switcher (стандартный компонент Uikit 3).Модуль создается с минимумом настроек, просто нужно загрузить контент/верстку во вкладки. При необходимости добавить оформление стилями.

Multiblock. Switcher (tabs)

Вариант с табами

Во вкладке может размещаться любой контент: текст, изображения, таблицы.
Для каждой вкладки свой визуальный редактор.

Вариант вывода таблицы во вклакде модлуя

title 1	title 1	title 1
text	2	3
text 2	4	5

Изобраения вставляются стандартными средствами редактора

island 400 x6

Произвольный текст.

Donec hendrerit tellus vel arcu congue pharetra. Duis porta nec nisi at ullamcorper. Aliquam accumsan quis risus vitae porttitor.

Multiblock. Switcher (buttons)

Вариант с кнопками

island 400 slim x4

Изобраения вставляются стандартными средствами редактора

Вариант вывода таблицы во вклакде модлуя

title 1	title 1	title 1
text	2	3
text 2	4	5

Произвольный текст.

Donec hendrerit tellus vel arcu congue pharetra. Duis porta nec nisi at ullamcorper. Aliquam accumsan quis risus vitae porttitor.

Multiblock. Grid

Вывод в несколько колонок. Макет Grid. Настройки позволяют выбрать количество колонок на 3-х разрешениях (1200, 960, 640). Кроме этого можно из списка выбрать классы задающие отступы, одинаковую высоту и т.д. Так же, из списка выбираются классы flex.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin maximus est vitae risus venenatis pretium. Phasellus tempus odio leo, eu volutpat sem mollis quis.

Phasellus tempus odio leo, eu volutpat sem mollis quis.