Блочный редактор

[LEFT]Модуль является конструктором содержимого элемента инфоблока и позволяет собирать контент из блоков в Bitrix.

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

С помощью конструктора легко, удобно и быстро можно создать посадочные страницы новостей, статей, блога и другие детальные страницы.

Благодаря этому HTML-верстка на странице с элементом всегда остается валидной и адаптивной, а так же пропадает риск того, что элементы страницы поведут себя непредсказуемым образом и содержимое отобразится некорректно.
[/LEFT]

[JUSTIFY]Наполнение блоками производится перетаскиванием (Drag&Drop).

Модуль гарантированно работает в редакции «Бизнес» версии от 22.400.100.


[/JUSTIFY]

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

1. [JUSTIFY]Текст. Данный блок предназначен для размещения текста без дополнительной стилизации. Текст будет отображаться на основе стилей, расположенных в компоненте или шаблоне сайта;[/JUSTIFY]
   
2. [JUSTIFY]Текст со стилями. Данный блок предназначен для размещения текста и настройки его стилизации (начертание текста, размер, цвет и т.д.);[/JUSTIFY]
   
3. [JUSTIFY]Картинка. Данный блок предназначен для размещения изображения с настройкой выравнивания и отступов. Дополнительным параметром является возможность указать  заголовок (текст, который будет отображаться при наведении курсора на изображение);[/JUSTIFY]
   
4. [JUSTIFY]Картинка с подписью. Данный блок поддерживает аналогичные настройки,  предусмотреные в блоках «Картинка» и «Текст со стилями». Дополнительными параметрами являются: заголовок подписи, настройка расположения заголовка подписи, текста и картинки в рамках данного блока;[/JUSTIFY]
   
5. [JUSTIFY]Видео. Данный блок предназначен для размещения видео с настройкой автовоспроизведения и отступов;[/JUSTIFY]
   
6. [JUSTIFY]Видео с площадок. Данный блок предназначен для размещения видео с online-видеохостингов (YouTube, Vimeo, Дзен и т.д.), указав embed-ссылку, а также настройка отступов (см. видео или скриншоты);[/JUSTIFY]
   
7. [JUSTIFY]Колонки. Данный блок предназначен для расположения функциональных блоков внутри колонок по сетке;[/JUSTIFY]
   
8. [JUSTIFY]Слайдер. В данном блоке можно разместить изображения и также настроить отступы. Дополнительные параметры располагаются в настройках компонента;[/JUSTIFY]
   
9. [JUSTIFY]Разделитель. Настройками данного блока являются: цвет линии, выравнивание, толщина и длина линии, отступы сверху и снизу;[/JUSTIFY]
   
10. [JUSTIFY]Кнопка. Данный блок предназначен для размещения ссылки в виде кнопки с настройкой цвета фона, выравнивания, отступов сверху и снизу, ширины. Настройка текста аналогична блоку «Текст со стилями»;[/JUSTIFY]
    
11. [JUSTIFY]Код. Данный блок предназначен для вывода в публичной части сайта HTML-кода (рекомендуется использовать с пониманием принципов написания HTML-кода);[/JUSTIFY]
    
12. [JUSTIFY]Скрытое содержимое. Данный блок предназначен для размещения в публичном разделе сайта кнопки с заголовком и блока со скрытым содержимым, который отображается при нажатии на кнопку. Настройка содержимого аналогична блоку «Текст со стилями». Отображение содержимого по умолчанию устанавливается в настройках блока.[/JUSTIFY]
    

Компоненты и шаблоны[JUSTIFY]
Комплексный компонент «Интерактивный блочный редактор»:
- Предназначен для вывода списка элементов инфоблока и детальной страницы элемента

Имеет шаблоны:

1. стандартный шаблон, в списке элементов выводятся карточки с заголовком, картинкой и текстом для анонса;
   
2. плитки с блоками (tiles_with_blocks), в списке элементов выводятся карточки с заголовком и свойствами блочного редактора, выбранными при добавлении компонента.
   

Компонент «Список элементов инфоблока»:
- Предназначен для вывода списка элементов инфоблока

Имеет шаблоны:

1. стандартный шаблон, в списке элементов выводятся карочки с заголовком, картинкой текстом для анонса
   
2. плитки с блоками (tiles_with_blocks), в списке элементов выводятся карточки с заголовком и свойствами блочного редактора, выбранными при добавлении компонента
   

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

1. Имеет стандартный шаблон, который выводит Заголовок, картинку и текст для анонса, детальные картинку и текст, свойства элемента и отдельно свойства блочного редактора
   

Компонент «Содержимое блочного редактора элемента инфоблока»:
-Предназначен для вывода выбранных при добавлении компонента свойств с блочным редактором из элемента инфоблока.


Шаблоны стандартных компонентов (fsoft.bootstrap_v4):

1. Для компонентов Новость детально и Элемент каталога детально добавляет возможность отдельно выводить свойства блочного редактора
   
2. Для компонента Список новостей добавляет возможность выводить свойства блочного редактора в каждом элементе списка новостей
   
3. Для комплексных компонентов Каталог и Новости встраивает предыдущие шаблоны в эти компоненты
   

[/JUSTIFY]
[JUSTIFY]
При добавлении компонентов в публичной части сайта доступны следующие настройки:[/JUSTIFY]

1. [JUSTIFY]Использовать библиотеку для подключения Slick-слайдера. Параметр активирует подключение JS-библиотеки для работы слайдера;[/JUSTIFY]
   
2. [JUSTIFY]Использовать анимацию затухания слайдов для горизонтальных каруселей с одним слайдом (Slick-слайдер);[/JUSTIFY]
   
3. [JUSTIFY]Количество отображаемых слайдов (Slick-слайдер);[/JUSTIFY]
   
4. [JUSTIFY]Количество слайдов для прокрутки (Slick-слайдер);[/JUSTIFY]
   
5. [JUSTIFY]Использовать автоматическую прокрутку слайдов (Slick-слайдер);[/JUSTIFY]
   
6. [JUSTIFY]Скорость автоматической прокрутки слайдов в миллисекундах (Slick-слайдер);[/JUSTIFY]
   
7. [JUSTIFY]Использовать адаптивную высоту для горизонтальных каруселей с одним слайдом (Slick-слайдер);[/JUSTIFY]
   
8. [JUSTIFY]Отображать кнопки вперед/назад для прокрутки слайдов (Slick-слайдер);[/JUSTIFY]
   
9. [JUSTIFY]Использовать библиотеку для подключения ленивой загрузки графических элементов (Lazy). Данный параметр доступен только при включенной опции «Использовать ленивую загрузку для публичного раздела (Lazy)» в настройках модуля.[/JUSTIFY]
   

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

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