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

[LEFT][B][SIZE=15pt]Модуль является конструктором содержимого элемента инфоблока и позволяет собирать контент из блоков в Bitrix.[/SIZE][/B] [B]«Блочный редактор»[/B] разработан с целью предоставить контент-менеджеру удобный инструмент добавления содержимого в элемент инфоблока, преимущество такого подхода по сравнению с визуальным редактором в том, что содержимое собирается в виде конструктора на основе заранее заготовленных блоков. С помощью конструктора легко, удобно и быстро можно создать посадочные страницы новостей, статей, блога и другие детальные страницы. Благодаря этому HTML-верстка на странице с элементом всегда остается валидной и адаптивной, а так же пропадает риск того, что элементы страницы поведут себя непредсказуемым образом и содержимое отобразится некорректно. [/LEFT] [JUSTIFY]Наполнение блоками производится перетаскиванием (Drag&Drop). Модуль гарантированно работает в редакции «Бизнес» версии от 22.400.100. [/JUSTIFY] [P][/P] [P][B][SIZE=15pt]Описание функциональных блоков[/SIZE][/B][/P] [P][/P][LIST=1] [*][JUSTIFY][B]Текст[/B]. Данный блок предназначен для размещения текста без дополнительной стилизации. Текст будет отображаться на основе стилей, расположенных в компоненте или шаблоне сайта;[/JUSTIFY] [*][JUSTIFY][B]Текст со стилями[/B]. Данный блок предназначен для размещения текста и настройки его стилизации (начертание текста, размер, цвет и т.д.);[/JUSTIFY] [*][JUSTIFY][B]Картинка[/B]. Данный блок предназначен для размещения изображения с настройкой выравнивания и отступов. Дополнительным параметром является возможность указать заголовок (текст, который будет отображаться при наведении курсора на изображение);[/JUSTIFY] [*][JUSTIFY][B]Картинка с подписью[/B]. Данный блок поддерживает аналогичные настройки, предусмотреные в блоках «Картинка» и «Текст со стилями». Дополнительными параметрами являются: заголовок подписи, настройка расположения заголовка подписи, текста и картинки в рамках данного блока;[/JUSTIFY] [*][JUSTIFY][B]Видео[/B]. Данный блок предназначен для размещения видео с настройкой автовоспроизведения и отступов;[/JUSTIFY] [*][JUSTIFY][B]Видео с площадок[/B]. Данный блок предназначен для размещения видео с online-видеохостингов (YouTube, Vimeo, Дзен и т.д.), указав embed-ссылку, а также настройка отступов (см. видео или скриншоты);[/JUSTIFY] [*][JUSTIFY][B]Колонки[/B]. Данный блок предназначен для расположения функциональных блоков внутри колонок по сетке;[/JUSTIFY] [*][JUSTIFY][B]Слайдер[/B]. В данном блоке можно разместить изображения и также настроить отступы. Дополнительные параметры располагаются в настройках компонента;[/JUSTIFY] [*][JUSTIFY][B]Разделитель[/B]. Настройками данного блока являются: цвет линии, выравнивание, толщина и длина линии, отступы сверху и снизу;[/JUSTIFY] [*][JUSTIFY][B]Кнопка[/B]. Данный блок предназначен для размещения ссылки в виде кнопки с настройкой цвета фона, выравнивания, отступов сверху и снизу, ширины. Настройка текста аналогична блоку «Текст со стилями»;[/JUSTIFY] [*][JUSTIFY][B]Код[/B]. Данный блок предназначен для вывода в публичной части сайта HTML-кода (рекомендуется использовать с пониманием принципов написания HTML-кода);[/JUSTIFY] [*][JUSTIFY][B]Скрытое содержимое[/B]. Данный блок предназначен для размещения в публичном разделе сайта кнопки с заголовком и блока со скрытым содержимым, который отображается при нажатии на кнопку. Настройка содержимого аналогична блоку «Текст со стилями». Отображение содержимого по умолчанию устанавливается в настройках блока.[/JUSTIFY] [/LIST] [B][SIZE=15pt]Компоненты и шаблоны[/SIZE][/B][JUSTIFY] [B]Комплексный компонент «Интерактивный блочный редактор»:[/B] - Предназначен для вывода списка элементов инфоблока и детальной страницы элемента Имеет шаблоны:  [LIST=1] [*][B]стандартный шаблон[/B], в списке элементов выводятся карточки с заголовком, картинкой и текстом для анонса; [*][B]плитки с блоками (tiles_with_blocks)[/B], в списке элементов выводятся карточки с заголовком и свойствами блочного редактора, выбранными при добавлении компонента. [/LIST] [B]Компонент «Список элементов инфоблока»:[/B] - Предназначен для вывода списка элементов инфоблока Имеет шаблоны:  [LIST=1] [*][B]стандартный шаблон[/B], в списке элементов выводятся карочки с заголовком, картинкой текстом для анонса [*][B]плитки с блоками (tiles_with_blocks)[/B], в списке элементов выводятся карточки с заголовком и свойствами блочного редактора, выбранными при добавлении компонента [/LIST] [B]Компонент «Элемент инфоблока детально со свойством "Интерактивный блочный редактор"»:[/B] - Предназначен для вывода детальной страницы элемента со свойставми блочного редактора, выбранными при добавлении компонента [LIST=1] [*]Имеет стандартный шаблон, который выводит Заголовок, картинку и текст для анонса, детальные картинку и текст, свойства элемента и отдельно свойства блочного редактора [/LIST] [B]Компонент «Содержимое блочного редактора элемента инфоблока»:[/B] -Предназначен для вывода выбранных при добавлении компонента свойств с блочным редактором из элемента инфоблока. [B]Шаблоны стандартных компонентов (fsoft.bootstrap_v4):[/B] [LIST=1] [*]Для компонентов [B]Новость детально[/B] и [B]Элемент каталога детально[/B] добавляет возможность отдельно выводить свойства блочного редактора [*]Для компонента [B]Список новостей[/B] добавляет возможность выводить свойства блочного редактора в каждом элементе списка новостей [*]Для комплексных компонентов [B]Каталог[/B] и [B]Новости[/B] встраивает предыдущие шаблоны в эти компоненты [/LIST] [/JUSTIFY] [JUSTIFY] [B][SIZE=15pt]При добавлении компонентов в публичной части сайта доступны следующие настройки:[/SIZE][/B][/JUSTIFY] [LIST=1] [*][JUSTIFY]Использовать библиотеку для подключения Slick-слайдера. Параметр активирует подключение JS-библиотеки для работы слайдера;[/JUSTIFY] [*][JUSTIFY]Использовать анимацию затухания слайдов для горизонтальных каруселей с одним слайдом (Slick-слайдер);[/JUSTIFY] [*][JUSTIFY]Количество отображаемых слайдов (Slick-слайдер);[/JUSTIFY] [*][JUSTIFY]Количество слайдов для прокрутки (Slick-слайдер);[/JUSTIFY] [*][JUSTIFY]Использовать автоматическую прокрутку слайдов (Slick-слайдер);[/JUSTIFY] [*][JUSTIFY]Скорость автоматической прокрутки слайдов в миллисекундах (Slick-слайдер);[/JUSTIFY] [*][JUSTIFY]Использовать адаптивную высоту для горизонтальных каруселей с одним слайдом (Slick-слайдер);[/JUSTIFY] [*][JUSTIFY]Отображать кнопки вперед/назад для прокрутки слайдов (Slick-слайдер);[/JUSTIFY] [*][JUSTIFY]Использовать библиотеку для подключения ленивой загрузки графических элементов (Lazy). Данный параметр доступен только при включенной опции «Использовать ленивую загрузку для публичного раздела (Lazy)» в настройках модуля.[/JUSTIFY] [/LIST]Модуль имеет возможность мультизагрузки изображений, если в соответствующее поле перетащить несколько картинок, то модуль автоматически добавит в конец отдельные блоки, содержащие эти картинки. [B]Информацию по использованию модуля, настройке компонентов и шаблонов можно посмотреть в прилагаемом видео.[/B]