Модуль для 1С-Битрикс «Интерактивный блочный редактор»

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

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

• Текст. Данный блок предназначен для размещения текста без дополнительной стилизации;

• Текст со стилями. Данный блок предназначен для размещения текста и настройки его стилизации (начертание текста, размер, цвет и т.д.);

• Картинка. Данный блок предназначен для размещения изображения с настройкой выравнивания и отступов. Дополнительным параметром является возможность указать заголовок (текст, который будет отображаться при наведении курсора на изображение);

• Картинка с подписью. Данный блок поддерживает аналогичные настройки, предусмотреные в блоках «Картинка» и «Текст со стилями». Дополнительными параметрами являются: заголовок подписи, настройка расположения заголовка подписи, текста и картинки в рамках данного блока;

• Видео. Данный блок предназначен для размещения видео с настройкой автовоспроизведения и отступов;

• Видео с площадок. Данный блок предназначен для размещения видео с online-видеохостингов (YouTube, Vimeo, Дзен и т.д.), указав embed-ссылку, а также настройка отступов (см. видео или скриншоты);

• Секции (две, три, четыре, шесть колонок). Данные блоки предназначены для расположения функциональных блоков внутри колонок по сетке;

• Слайдер. В данном блоке можно разместить видео и изображения, а также настроить отступы. Дополнительные параметры располагаются в настройках компонента;

• Разделитель. Настройками данного блока являются: цвет линии, выравнивание, толщина и длина линии, отступы сверху и снизу;

• Кнопка. Данный блок предназначен для размещения ссылки в виде кнопки с настройкой цвета фона, выравнивания, отступов сверху и снизу, ширины. Настройка текста аналогична блоку «Текст со стилями»;

• Код. Данный блок предназначен для вывода в публичной части сайта HTML-кода (рекомендуется использовать с пониманием принципов написания HTML-кода);

• Скрытое содержимое (добавлен в версии 1.0.3). Данный блок предназначен для размещения в публичном разделе сайта кнопки с заголовком и блока со скрытым содержимым, который отображается при нажатии на кнопку. Настройка содержимого аналогична блоку «Текст со стилями». Отображение содержимого по умолчанию устанавливается в настройках блока.

Компоненты и шаблоны

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

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

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

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

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

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

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

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

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

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

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

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

Демонстрационные примеры

Расположение компонента «Содержимое блочного редактора элемента инфоблока» в визуальном редакторе (публичный раздел сайта)

Демонстрационный пример содержимого свойства «Интерактивный блочный редактор» в административном разделе сайта

Демонстрационный пример содержимого свойства «Интерактивный блочный редактор» в публичном разделе сайта