Интерактивный блочный редактор
167 BYN
Мы продаем лицензии по официальным ценам вендора. Но при покупке тарифов через нас
вы получите бонусы на 20 % от стоимости покупки
в виде услуг компании Адена.Интерактивный блочный редактор
167 BYN
Модуль является конструктором содержимого элемента инфоблока и позволяет собирать контент из блоков в Bitrix.
«Интерактивный блочный редактор» разработан с целью предоставить контент-менеджеру удобный инструмент добавления содержимого в элемент инфоблока, преимущество такого подхода по сравнению с визуальным редактором в том, что содержимое собирается в виде конструктора на основе заранее заготовленных блоков.
С помощью конструктора легко, удобно и быстро можно создать посадочные страницы новостей, статей, блога и другие детальные страницы.
Благодаря этому HTML-верстка на странице с элементом всегда остается валидной и адаптивной, а так же пропадает риск того, что элементы страницы поведут себя непредсказуемым образом и содержимое отобразится некорректно.
«Интерактивный блочный редактор» разработан с целью предоставить контент-менеджеру удобный инструмент добавления содержимого в элемент инфоблока, преимущество такого подхода по сравнению с визуальным редактором в том, что содержимое собирается в виде конструктора на основе заранее заготовленных блоков.
С помощью конструктора легко, удобно и быстро можно создать посадочные страницы новостей, статей, блога и другие детальные страницы.
Благодаря этому HTML-верстка на странице с элементом всегда остается валидной и адаптивной, а так же пропадает риск того, что элементы страницы поведут себя непредсказуемым образом и содержимое отобразится некорректно.
Наполнение блоками производится перетаскиванием (Drag&Drop). Модуль гарантированно работает в редакции «Бизнес» версии от 22.400.100.
Описание функциональных блоков
- Текст. Данный блок предназначен для размещения текста без дополнительной стилизации. Текст будет отображаться на основе стилей, расположенных в компоненте или шаблоне сайта;
- Текст со стилями. Данный блок предназначен для размещения текста и настройки его стилизации (начертание текста, размер, цвет и т.д.);
- Картинка. Данный блок предназначен для размещения изображения с настройкой выравнивания и отступов. Дополнительным параметром является возможность указать заголовок (текст, который будет отображаться при наведении курсора на изображение);
- Картинка с подписью. Данный блок поддерживает аналогичные настройки, предусмотреные в блоках «Картинка» и «Текст со стилями». Дополнительными параметрами являются: заголовок подписи, настройка расположения заголовка подписи, текста и картинки в рамках данного блока;
- Видео. Данный блок предназначен для размещения видео с настройкой автовоспроизведения и отступов;
- Видео с площадок. Данный блок предназначен для размещения видео с online-видеохостингов (YouTube, Vimeo, Дзен и т.д.), указав embed-ссылку, а также настройка отступов (см. видео или скриншоты);
- Колонки. Данный блок предназначен для расположения функциональных блоков внутри колонок по сетке;
- Слайдер. В данном блоке можно разместить изображения и также настроить отступы. Дополнительные параметры располагаются в настройках компонента;
- Разделитель. Настройками данного блока являются: цвет линии, выравнивание, толщина и длина линии, отступы сверху и снизу;
- Кнопка. Данный блок предназначен для размещения ссылки в виде кнопки с настройкой цвета фона, выравнивания, отступов сверху и снизу, ширины. Настройка текста аналогична блоку «Текст со стилями»;
- Код. Данный блок предназначен для вывода в публичной части сайта HTML-кода (рекомендуется использовать с пониманием принципов написания HTML-кода);
- Скрытое содержимое. Данный блок предназначен для размещения в публичном разделе сайта кнопки с заголовком и блока со скрытым содержимым, который отображается при нажатии на кнопку. Настройка содержимого аналогична блоку «Текст со стилями». Отображение содержимого по умолчанию устанавливается в настройках блока.
Компоненты и шаблоны Комплексный компонент «Интерактивный блочный редактор»: - Предназначен для вывода списка элементов инфоблока и детальной страницы элемента
Имеет шаблоны:- стандартный шаблон, в списке элементов выводятся карточки с заголовком, картинкой и текстом для анонса;
- плитки с блоками (tiles_with_blocks), в списке элементов выводятся карточки с заголовком и свойствами блочного редактора, выбранными при добавлении компонента.
Компонент «Список элементов инфоблока»: - Предназначен для вывода списка элементов инфоблока
Имеет шаблоны:- стандартный шаблон, в списке элементов выводятся карочки с заголовком, картинкой текстом для анонса
- плитки с блоками (tiles_with_blocks), в списке элементов выводятся карточки с заголовком и свойствами блочного редактора, выбранными при добавлении компонента
Компонент «Элемент инфоблока детально со свойством "Интерактивный блочный редактор"»: - Предназначен для вывода детальной страницы элемента со свойставми блочного редактора, выбранными при добавлении компонента
- Имеет стандартный шаблон, который выводит Заголовок, картинку и текст для анонса, детальные картинку и текст, свойства элемента и отдельно свойства блочного редактора
Компонент «Содержимое блочного редактора элемента инфоблока»: -Предназначен для вывода выбранных при добавлении компонента свойств с блочным редактором из элемента инфоблока.
Шаблоны стандартных компонентов (fsoft.bootstrap_v4):- Для компонентов Новость детально и Элемент каталога детально добавляет возможность отдельно выводить свойства блочного редактора
- Для компонента Список новостей добавляет возможность выводить свойства блочного редактора в каждом элементе списка новостей
- Для комплексных компонентов Каталог и Новости встраивает предыдущие шаблоны в эти компоненты
При добавлении компонентов в публичной части сайта доступны следующие настройки:- Использовать библиотеку для подключения Slick-слайдера. Параметр активирует подключение JS-библиотеки для работы слайдера;
- Использовать анимацию затухания слайдов для горизонтальных каруселей с одним слайдом (Slick-слайдер);
- Количество отображаемых слайдов (Slick-слайдер);
- Количество слайдов для прокрутки (Slick-слайдер);
- Использовать автоматическую прокрутку слайдов (Slick-слайдер);
- Скорость автоматической прокрутки слайдов в миллисекундах (Slick-слайдер);
- Использовать адаптивную высоту для горизонтальных каруселей с одним слайдом (Slick-слайдер);
- Отображать кнопки вперед/назад для прокрутки слайдов (Slick-слайдер);
- Использовать библиотеку для подключения ленивой загрузки графических элементов (Lazy). Данный параметр доступен только при включенной опции «Использовать ленивую загрузку для публичного раздела (Lazy)» в настройках модуля. Модуль имеет возможность мультизагрузки изображений, если в соответствующее поле перетащить несколько картинок, то модуль автоматически добавит в конец отдельные блоки, содержащие эти картинки.
Информацию по использованию модуля, настройке компонентов и шаблонов можно посмотреть в прилагаемом видео.
- Имеет стандартный шаблон, который выводит Заголовок, картинку и текст для анонса, детальные картинку и текст, свойства элемента и отдельно свойства блочного редактора
Специалист по направлению
Услуги
Видео
Не корректный код iFrame для видео: clipboard-write
Не корректный код iFrame для видео: encrypted-media
Не корректный код iFrame для видео: gyroscope
Не корректный код iFrame для видео: picture-in-picture
web-share" allowfullscreen>
Не корректный код iFrame для видео: clipboard-write
Не корректный код iFrame для видео: encrypted-media
Не корректный код iFrame для видео: gyroscope
Не корректный код iFrame для видео: picture-in-picture
web-share" allowfullscreen>
Проекты
Вам может понравиться
Статьи
Разработка
3 апреля 2024
Авторский сайт с индивидуальным дизайном определенно играет ведущую роль в успешности проекта. Вариантов для воплощения идеи существует множество в зависимости от бюджета и ожидаемых результатов. Разработчики предлагают функциональные готовые шаблоны сайтов по доступной цене, однако можно потратить бюджет на создание уникального продукта. При этом нужно отметить, что недорогие шаблонные сайты зачастую дают прекрасный результат. Если у вас есть требования к сайту, реализация которых требует индивидуальной разработки определенного функционала, то вам нужно будет выделить бюджет на запуск уникального продукта.
Разработка
6 марта 2024
Владельцы крупного и мелкого бизнеса довольно часто слышат слово “Битрикс”. Мало кто знает, что до 2007 года существовало две компании Битрикс и 1С. Компания “1С” занималась разработкой программных продуктов для упрощения работы предприятий. Компания “Битрикс” была ориентирована на выпуск и продажу сайтов на CMS.
Вопросы и ответы
Как проходит работа по созданию сайта на шаблонном решении? Какие этапы?
1 шаг. Проводим предварительную консультацию и знакомимся с клиентом
2 шаг. Согласовываем перечень задач, сроки выполнения и стоимость разработки
3 шаг. Выполняем весь перечень работ по сайту
4 шаг. Демонстрируем готовый к запуску сайт
5 шаг. Проводим обучение по работе с сайтом
2 шаг. Согласовываем перечень задач, сроки выполнения и стоимость разработки
3 шаг. Выполняем весь перечень работ по сайту
4 шаг. Демонстрируем готовый к запуску сайт
5 шаг. Проводим обучение по работе с сайтом
Если нужны доработки после запуска сайта?
Отлично! Мы согласовываем с вами список задач по сайту, оцениваем стоимость и выставляем счет на оплату.
Оказываете ли вы поддержку после запуска проектов?
Оказываем консультационную и гарантийную поддержу после сдачи проекта и выполнения работ. Не оставляем один на один с проектом. У вас будет выделенный менеджер для возможности постановки новых задач и консультаций.