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

Блочный редактор (fsoft.blockeditor) - solution for Bitrix

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

"Улучшите свой опыт веб-разработки с помощью модуля 'Интерактивный блочный редактор' для Битрикс маркетплейс. Создавайте и редактируйте страницы с легкостью, используя интуитивно понятный и гибкий интерфейс. Удобство и эффективность в одном решении!"
0
$77,00
Блочный редактор (fsoft.blockeditor) - solution for Bitrix

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

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

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

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

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

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


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

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


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

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

Имеет шаблоны:
  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)» в настройках модуля.
Модуль имеет возможность мультизагрузки изображений, если в соответствующее поле перетащить несколько картинок, то модуль автоматически добавит в конец отдельные блоки, содержащие эти картинки.

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

Acquiring module in Monobank for the Bitrix platform

Writing texts for a blog and articles using the CopyMaster module

Working with keywords and phrases using AI copywriter for Bitrix

What criteria should be taken into account when developing a multilingual site?

For what types of businesses is a multilingual site especially important?

What should you pay attention to when developing a multilingual design?

Performance improvements: How PHP 8 improves the performance of Bitrix applications with a JIT compiler, improved memory optimization and faster serialization.

Bitrix: How PHP 8 improves compatibility with previous versions of the language and facilitates the transition from older versions.

Improved Browser Support: How PHP 8 improves browser support and makes Bitrix applications more stable.

Multiregionality, multilingualism or multilingualism - in a word, full-fledged localization of sites without our module is impossible!

Multiregional site: your key to increasing sales

Multi-regional site: a way to improve the user experience for foreign visitors

The end of Bitrix24 in Ukraine: the company announced the closure of the service from June 1

Development of a content concept for the Bitrix website

Acquiring from Monobank | Business acquiring services

MonoBank QR cash register: Simple and Convenient Payment Method

Multilingual: Lite - Unified catalog of the Bitrix website in two languages!

Nova Post delivery service for Bitrix: Module from Proger for efficient delivery in your store

Telegram chat Bitrix Proger Union

Monobank update: Plata

February virus on Bitrix

Virus in Bitrix assets: assets/images folder is under threat!

Virus in Bitrix through weak passwords: how to avoid an attack?

Virus in /ajax/error_log_logic.php: How hackers infect Bitrix sites and create backdoors

How to choose a job that would bring pleasure and money?

Meet GPT-4o mini – New Affordable and Smart Model from OpenAI

htaccess: Deny from all - Virus!

1C Enterprise Server

Remote access to 1C via the Internet

1C Programmer Azerbaijan, Baku

Programmer 1C Kazakhstan, Astana

Bulk setting of item property values

Uploading and downloading XML data with barcode selection

Mobile version of the Bitrix template with Mobile Detect auto-detection

AMP Bitrix - Accelerated Mobile Pages Project Bitrix

Canonical Page Links in Bitrix

Replace favicon.ico for all devices on Bitrix

Converting img image to amp-img Bitrix

Beautiful animation on Bitrix

Mass renaming of items

Multilingual Bitrix | Translator

Module Market for Bitrix

Multilingual Bitrix

The need to translate the site into multilingual

CopyMaster module for your website

Why are multilingual sites necessary?

How is the universality of multilingual sites achieved?

What to do if the created site should be multilingual?

What technologies are used to design multilingual sites?

What are the benefits of multilingual sites?

Creating unique content for the site

Our module is already successfully used in our projects

file_download Download Module Market
file_download Download Module Market