Основные настройки

Основные настройки — это раздел базовых настроек блока, который может содержать в себе:

• Название и ID блока

• Отображения на устройствах

• Отступы сверху и снизу блока

• Цвет фона блока

• Прозрачность фона

• Ширина блока и отступ от первой колонки

• Изображение на фон блока

• Название формы

• Ссылка для вызова всплывающего окна

• Название якорной ссылки

Раздел «Основные настройки» присутствует во всех блоках. Настройки в разных блоках могут отличаться, в зависимости от специфика блока.

Сверху находятся название и ID блока, а также кнопка «Скопировать ID». ID блока может понадобиться для того, чтобы поставить на него якорную ссылку в другом блоке или скрыть в блоке «табы».

Название блока совпадает с названием в библиотеке блоков.

Также, оно указывается на карточке скрытого блока

Это функция, которая позволяет выбрать, на каких устройствах будет отображаться блок. Можно отключить отображение как на одном, так и на нескольких устройствах. По умолчанию блок отображается на всех трех устройствах: десктоп, телефон, планшет.

Отображение блока на мобильных и планшетных устройствах выключено.

Блок перестал отображаться на мобильных устройствах.

Блок перестал отображаться на планшетных устройствах.

Блок отображается на десктопе.

Большинство блоков имеют отступы над и под основным контентом блока. Эти отступы используются, чтобы отделять разные блоки друг от друга.

Для каждого устройства отступы можно настраивать отдельно: десктоп, планшет, телефон.

Значения отступов можно выбирать в выпадающем списке от 0 до 192 пикселей с шагом 16 пикселей.

По умолчанию большинство блоков создаются с отступами 112 пикселей сверху и снизу.

Отступы сверху и снизу могут быть разные.

Пример блока с отступами сверху и снизу 0 пикселей:

Большинство блоков имеют настройку цвета фона блока.

Цвет фона блока можно выбрать в выпадающем списке из оттенков черного и белого (ЧБ), а также из светлых и темных оттенков всех акцентных цветов.

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

Выбранное значение показывается в поле настройки цвета фона

Пример блока с цветом фона «Синий светлый 10»

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

Вид бокового меню со значением прозрачности фона — 0%

Настройка прозрачности доступна с помощью ползунка в промежутке значение от 0 до 100%. Где 0% — абсолютно непрозрачный, а 100% полностью прозрачный.

Вид бокового меню со значением прозрачности фона — 20%

Вид всплывающего окна со значением прозрачности затемнения — 70%

Вид всплывающего окна со значением прозрачности затемнения — 10%

Многие блоки содержат настройку ширины основного контента блока и его отступа от первой колонки.

Колонки — это вертикальные направляющие линии, по которым выровнены элементы всех блоков.

Чтобы включить/выключить отображение 12-и колоночной сетки, наведите на любой блок и нажмите кнопку «Скрыть/Показать сетку».

Чтобы настроить ширину блока, нажмите на поле выбора ширины. Появится выпадающий список с доступными значениями ширины (в колонках) для этого блока. Разные блоки имеют разные доступные значения ширины.

Элементы блока не могут выходить за рамки 12-и колоночной сетки.

Чтобы настроить отступ от первой колонки, нажмите на поле выбора отступа. Появится выпадающий список с доступными значениями отступов (в колонках) для этого блока. Разные блоки имеют разные доступные значения отступов.

Пример блока с шириной 12 колонок и отступом от первой колонки 0.

*Шапка блока настраивается отдельно.

В большинстве блоков можно загрузить изображение на фон блока.

Чтобы загрузить изображение на фон блока, нажмите на область загрузки и выберите нужный файл на вашем устройстве или перетащите его в область загрузки.

Когда файл будет загружен, вы можете удалить его, нажав иконку крестика справа от названия. Также, вы можете изменить изображение с помощью редактора изображений, нажав кнопку-иконку в виде карандаша в правом верхнем углу превью.

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

В настройках всех блоков, которые содержат форму сбора данных, имеется поле для ввода названия формы. Оно отображается в списке всех форм в разделе «заявки».

Все блоки раздела «Всплывающее окно» содержат поле ввода ссылки для вызова всплывающего окна.

При нажатии на элемент блока, в который была вставлена такая ссылка, появится всплывающее окно.

После начала ввода названия ссылки, в поле ввода появится неудаляемый символ "@". Все ссылки для вызова всплывающего окна должны начинаться с этого символа.

Нажмите кнопку «Скопировать», чтобы скопировать якорную ссылку в буфер обмена в полном формате вместе с символом "@".

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

При нажатии на эту кнопку в режиме предпросмотра или на опубликованной странице появится всплывающее окно, которое вы создали.

Видео на фон блока нужно для установки динамичного фона в блоках сайта. Видео на фон блока доступно в некоторых блоках разделов «Обложка» и «Форма». Видео на фоне проигрывается без звука и зацикленно. Видео можно вставлять из следующих сервисов: YouTube, RuTube, VK, CDN.

Чтобы установить видео на фон нужно создать блок, открыть его настройки и перейти в раздел «Основные настройки».

В разделе «Основные настройки» нужно найти поле ввода «Видео на фон блока».

В поле нужно вставить ссылку на видео, которое должно быть на фоне этого блока.

После чего под полем появятся настройки для видео на фон блока.

Видео на фоне блока можно отображать только на определенных устройствах. При включении галочки «Не показывать видео на мобильных устройствах» видео будет отображаться только на десктопе, а на мобильных устройствах видео на фоне блока отображаться не будет.

Также для видео можно настроить цвет затемнения. По умолчанию цвет затемнения видео ЧБ 90

Цвет затемнения: Фиолетовый темный 10

Еще для видео на фон блока можно настроить прозрачность затемнения.

По умолчанию прозрачность затемнения: 40%

Прозрачность затемнения: 70%