Интерактивный блочный редактор
«Интерактивный блочный редактор» разработан с целью предоставить контент-менеджеру удобный инструмент добавления содержимого в элемент инфоблока, преимущество такого подхода по сравнению с визуальным редактором в том, что содержимое собирается в виде конструктора на основе заранее заготовленных блоков.
С помощью конструктора легко, удобно и быстро можно создать посадочные страницы новостей, статей, блога и другие детальные страницы.
Благодаря этому HTML-верстка на странице с элементом всегда остается валидной и адаптивной, а так же пропадает риск того, что элементы страницы поведут себя непредсказуемым образом и содержимое отобразится некорректно.
Модуль гарантированно работает в редакции «Бизнес» версии от 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)» в настройках модуля.
Информацию по использованию модуля, настройке компонентов и шаблонов можно посмотреть в прилагаемом видео.
Важно: для работы данного готового решения вам потребуется система управления Битрикс, позволяющая менять его структуру и редактировать текстовую информацию без навыков программирования.
Возможности этой системы разделены на несколько редакций, которые отличаются количеством и гибкостью функционала. Список подходящих редакций указан возле стоимости решения. Здесь же расположена кнопка со ссылкой на демо версию, перейдя по которой вы можете ознакомиться с готовым решением и попробовать его в действии.
Для создания лендинга или корпоративного сайта достаточно редакции Старт или Стандарт.
Для разработки интернет-магазина нужна редакция Малый бизнес или Бизнес.
Мы предлагаем два варианта покупки:
- Вы покупаете только решение (подходит исключительно в том случае, когда у вас уже есть система управления Битрикс в нужной редакции и ваша лицензия не просрочена).
- Вы покупаете все необходимое в одном наборе и получаете установленное и полностью готовое к работе решение на следующий рабочий день после оплаты.
- Выбранное готовое решение;
- Минимально возможная редакция Битрикс;
- Аренда хостинга;
- Бесплатная установка.
Вы можете выбрать такой набор или составить свой, добавив в него новые позиции. Например:
- Другую редакцию Битрикс с большим количеством полезных функций;
- Более мощный хостинг;
- Услуги приоритетной технической поддержки.
Положите товары в корзину, кликните по ней в правом верхнем углу страницы и выберите тип заказа.
Быстрый заказ
Позволяет пропустить стандартную процедуру оформления покупки. Вместо этого вы оставляете свои контактные данные и ожидаете звонка нашего сотрудника. Он уточняет позиции вашего заказа, отвечает на вопросы и отправляет подтверждение на вашу электронную почту.
Обычное оформление
Желательно выбирать именно его. В процессе стандартного оформления заказа, вы будете переадресованы на новую страницу. Здесь вам нужно будет выбрать тип плательщика, вариант оплаты и доставки, а также корректно указать свои контактные данные.
Правильно заполненный e-mail исключает проблему выполнения заказа с нашей стороны.
После оформления заказа вы получите от нас электронное письмо, в котором будет ссылка на оплату.
Дальнейшее информирование о стадиях выполнения заказа мы также будем отправлять вам на почту.
Оплата
Вы можете оплатить заказ по безналичному расчету или наличными при помощи банковских карт Visa, Mastercard или платежной системы LiqPay. Все позиции нашего каталога продаются без НДС, согласно раздела ХХ «Переходные положения» Налогового Кодекса Украины, подраздела 2, п. 26. Комиссия при оплате наличными не применяется.
Доставка
Купленные программные продукты будут отправлены вам по электронной почте в виде цифро-буквенного кода. Данный код является лицензионным ключом и выписывается автором купленного программного продукта.
Он предоставляет вам официальное право на его использование.
Установка
В стоимость программных продуктов входит их бесплатная установка.
Если у вас уже есть сайт на Битрикс и вы хотите установить купленное решение на той же лицензии на отдельном домене, такая установка оплачивается дополнительно.
Безналичный расчет
Данный способ оплаты доступен для физических и юридических лиц. После заполнения и подтверждения заказа вы получите по e-mail счeт-оферту со всеми реквизитами, которую необходимо распечатать и оплатить в любом коммерческом банке в течение 5 банковских дней с момента оформления заказа.
Пожалуйста, обратите внимание, что продажа программных продуктов осуществляется без НДС, согласно раздела
ХХ «Переходные положения» НКУ, подраздела 2, п. 26. После оплаты вы получите по почте счет и акт об оказании услуг. Пожалуйста, подпишите данный акт, поставьте печать и отправьте нам один экзмпляр.
Оплата с помощью платежных карт Visa и Mastercard
Этот способ оплаты доступен для физических лиц (комиссия за перечисление денег не взымается). Для защиты платежей используется технология 3-D Secure, которая лежит в основе программ Verified by Visa и MasterCard SecureCode. Она гарантирует и покупателю, и продавцу полную безопасность операций. Наш банк-эквайер имеет сертификат PCI DSS Compliance, подтверждающий полное соответствие системы обработки платежных карт банка требованиям стандарта безопасности международных платежных систем PCI DSS.
После заполнения и подтверждения заказа вы будете переадресованы на защищенную страницу веб-сайта банка, где и укажете реквизиты карты для оплаты, при этом обмен информацией будет произведён с помощью промышленных форматов шифрования.
Оплата с помощью платeжной системы LiqPay
Данный способ оплаты доступен для физических лиц (комиссия за перечисление денег не взымается). Высокий уровень безопасности обеспечивается технологией OTP (One-time Password). Надёжность и безопасность приёма платежей подтверждена международными сертификатами Verified by Visa и MasterCard SecureCode. «Приватбанк» обеспечивает круглосуточный мониторинг платежей клиентов в режиме реального времени.
После заполнения и подтверждения заказа вы будете переадресованы на защищенную страницу веб-сайта сервиса LiqPay, где и укажете реквизиты карты или своего внутреннего счёта для оплаты.
Доставка
Купленные программные продукты поставляются в виде цифро-буквенного кода, используя который их можно установить на хостинг согласно инструкции. Код отправляется онлайн на указанную в заказе электронную почту.
После получения оплаты и до момента отправки лицензионного ключа может пройти несколько часов.
На протяжении этого времени проводится оформление купленной продукции на ваше имя.
Внимание! Неправильно указанный e-mail может привести к дополнительной задержке.
Пожалуйста, проверяйте ваши персональные данные при регистрации и оформлении заказа.
Для установки вам потребуется:
- Система управления Битрикс (подходящей редакции);
- Домен;
- Хостинг.
При покупке готового набора, установку мы сделаем для вас бесплатно.
Инструкция по установке системы управления Битрикс:
- Зарегистрируйте лицензионный ключ на
сайте Битрикс (придет на ваш e-mail после покупки).
Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XX-XXXXXXXXXXXXXXXX. - Скачайте на компьютер установочный файл.
- Авторизируйтесь на сайте хостинг провайдера (логин и пароль придет на ваш e-mail после покупки).
- Войдите в файловый менеджер и загрузите установочный файл в корневую папку хостинга.
- Создайте новую базу данных.
- Перейдите по адресу тестового домена по ссылке имя-сайта/bitrixsetup.php
- В окне установки выберите редакцию, соответствующую вашему лицензионному ключу.
- В поле «Лицензионный ключ» вставьте код, который пришел вам на e-mail после покупки.
Он состоит из 23 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XX-XXXXXXXXXXXXXXXX. Нажмите кнопку «Загрузить». - На экране «Начало установки» нажмите кнопку «Далее».
- Поставьте галочку в пункте «Я принимаю лицензионное соглашение» и нажмите кнопку «Далее».
- Поставьте галочку в пункте «Я хочу зарегистрировать свою версию продукта", заполните обязательные поля.
Если планируете делать сайт на иностранном языке, отметьте пункт «Установить в кодировке UTF-8», нажмите кнопку «Далее». - На экране «Предварительная проверка системы» вы увидите показатели вашей системы управления.
Показатели зелёного цвета соответствуют требованиям. Красные - нет.
Для исправления красных значений обратитесь в техподдержку вашего хостинг провайдера. - На экране «Создание базы данных» впишите данные созданной на хостинге базы данных.
- Создайте администратора сайта, заполнив все обязательные поля.
- Выберите шаблон для установки на сайт: либо бесплатный шаблон, либо купленное готовое решение.
Инструкция по установке готового решения:
- Установите на хостинг систему управления «Битрикс».
- Перейдите по ссылке: имя-сайта/bitrix и авторизируйтесь под данными администратора.
- Перейдите в административную панель в раздел Marketplace и подраздел «Обновление решений».
Откройте вкладку «Активация купона». - Введите в поле купон, который пришел вам на e-mail после покупки решения.
Он состоит из 25 символов прописных (больших) букв латинского алфавита и цифр в формате:
XXX-XXXXXXXXXX-XXXXXXXXXX. Нажмите кнопку «Активировать купон». - Название решения появится во вкладке «Список обновлений». Отметьте его галочкой и загрузите.
- Откройте вкладку «Установка обновлений» и установите.
- Найдите появившееся название купленного решения и в выпадающем списке выберите пункт «Загрузить».
- Перейдите в разделе «Настройки» в подраздел «Список мастеров», найдите название купленного решения и в выпадающем списке выберите пункт «Установить».
- Откроется мастер установки готового решения.
- Выберите пункт «Существующий» для установки решения первым сайтом на лицензии, нажмите «Далее».
- На экране «Выбор шаблона» нажмите «Далее».
- Выберите цветовую схему сайта, нажмите «Далее».
- Замените демо данные сайта, нажмите «Установить».
- На экране «Завершение настройки» нажмите «Перейти на сайт».
Задать вопрос
Не нашли ответа на свой вопрос?Свяжитесь с нами, и мы предоставим необходимую информацию. |
Задать вопрос
|