Блочный редактор (собираем контент из блоков как конструктор)

Что умеет решение

Модуль «Блочный редактор» представляет собой конструктор для формирования содержимого элементов инфоблоков в среде Bitrix. Он позволяет собирать страницы из заранее подготовленных блоков, что упрощает работу контент-менеджера по сравнению с традиционными визуальными редакторами. С помощью этого инструмента можно быстро создавать посадочные страницы для новостей, статей, блогов и другие детальные страницы.

Использование конструктора гарантирует валидную и адаптивную HTML-разметку, исключая риск некорректного отображения элементов или непредсказуемого поведения страницы. Заполнение страницы блоками осуществляется методом перетаскивания (Drag&Drop).

Модуль совместим с редакцией «Бизнес» версии 22.400.100 и выше.

Описание функциональных блоков

Текст. Блок предназначен для размещения текста без дополнительной стилизации. Отображение текста осуществляется на основе стилей, заданных в компоненте или шаблоне сайта.

Блочный редактор позволяет формировать контент, собирая его из отдельных модулей.

Блок «Текст со стилями» предназначен для размещения текстового содержимого с настройкой начертания, размера, цвета и других параметров оформления.

Блок «Картинка» служит для вставки изображений с регулировкой выравнивания и отступов. Дополнительно поддерживается задание заголовка, отображаемого при наведении курсора.

Блок «Картинка с подписью» объединяет функционал блоков «Картинка» и «Текст со стилями». Он позволяет настраивать заголовок подписи, её положение, а также взаимное расположение текста и изображения.

Блок «Видео» используется для размещения видеоконтента с возможностью включения автовоспроизведения и настройки отступов.

Блок «Видео с площадок» поддерживает встраивание роликов с внешних онлайн-хостингов (YouTube, Vimeo, Дзен и других) по embed-ссылке с настройкой отступов.

Блок «Колонки» обеспечивает размещение функциональных элементов внутри колонок по сеточной структуре.

Блок «Слайдер» позволяет размещать изображения и настраивать отступы между ними. Дополнительные параметры конфигурации доступны в настройках компонента.

Блочный редактор позволяет собирать контент из отдельных элементов, как из конструктора. Доступные блоки включают: разделитель с настройками цвета, толщины, длины линии, её выравнивания и вертикальных отступов; кнопку для ссылки с возможностью изменения цвета фона, ширины, выравнивания и отступов, где параметры текста соответствуют блоку «Текст со стилями»; блок для вывода произвольного HTML-кода в публичной части сайта (требует знаний основ HTML); а также блок «Скрытое содержимое», создающий кнопку с заголовком и раскрывающийся блок, отображаемый по клику. Настройка содержимого этого блока аналогична блоку «Текст со стилями», а видимость по умолчанию настраивается в параметрах компонента.

Комплексный компонент «Интерактивный блочный редактор» предназначен для отображения списка элементов инфоблока и детальной страницы элемента. Включает стандартный шаблон, при котором в списке элементов выводятся карточки с заголовком, изображением и текстом анонса.

Модуль «Блочный редактор» от ФРЭШСОФТ позволяет собирать контент, используя блоки как конструктор.

Компонент «Список элементов инфоблока» предназначен для вывода списка элементов. Доступны два шаблона: стандартный отображает карточки с заголовком, изображением и текстом анонса; шаблон tiles_with_blocks выводит карточки с заголовком и свойствами блочного редактора, выбранными при добавлении компонента.

Компонент «Элемент инфоблока детально со свойством "Интерактивный блочный редактор"» предназначен для вывода детальной страницы элемента. Стандартный шаблон отображает заголовок, изображение и текст анонса, а также детальные изображение и текст. Свойства элемента и свойства блочного редактора выводятся раздельно.

Компонент «Содержимое блочного редактора элемента инфоблока» выводит свойства с блочным редактором, выбранные при добавлении компонента. Для всех стандартных компонентов используются шаблоны из пакета fsoft.bootstrap_v4.

Модуль «Блочный редактор» позволяет собирать контент из отдельных блоков, подобно конструктору. Для компонентов «Новость детально» и «Элемент каталога детально» добавлена возможность выводить свойства редактора в отдельном блоке. В компоненте «Список новостей» реализована функция отображения этих свойств внутри каждого элемента списка. В комплексных компонентах «Каталог» и «Новости» шаблоны редактора интегрируются непосредственно в структуру компонентов.

При настройке компонентов в публичной части сайта доступны параметры управления Slick-слайдером. Можно включить подключение JS-библиотеки для работы слайдера. Для горизонтальных каруселей с одним слайдом настраиваются анимация затухания и адаптивная высота. Доступны настройки количества отображаемых слайдов и количества слайдов для прокрутки. Реализована функция автоматической прокрутки с возможностью задания скорости в миллисекундах. Также можно включить или отключить отображение кнопок навигации вперед и назад.

Подключение библиотеки для ленивой загрузки графических элементов (Lazy) доступно только при активированной опции «Использовать ленивую загрузку для публичного раздела (Lazy)» в настройках модуля.

Модуль поддерживает массовую загрузку изображений: при перетаскивании нескольких файлов в соответствующее поле автоматически создаются отдельные блоки для каждого изображения в конце списка.

Подробная инструкция по использованию модуля, настройке компонентов и шаблонов доступна в прилагаемом видео.

Если нужен «Блочный редактор (собираем контент из блоков как конструктор)», General iT может помочь с установкой, настройкой и технической проверкой модуля после подключения.