Общие настройки блоков воронки

В данной статье мы рассмотрим настройки, общие для всех блоков воронки.

• Цветовая схема
• Фоновое изображение
• Показ и скрытие блока
• Заголовки
• Отступы
• Ширина блока

 

Цветовая схема

Этот пункт настроек отвечает за выбор цветовой гаммы и фона блока. Можно выбрать одну из стандартных цветовых схем (Светлая, Умеренная или Тёмная) или создать свою (Пользовательскую). Для создания своей цветовой схемы выберите в выпадающем списке "Пользовательская" и нажмите "Редактировать цветовую схему" (рис. 1). Укажите нужный цвет фона, текста и кнопок, после чего сохраните настройки.

Рисунок 1.

 

 

Фоновое изображение - Иконка

Этот пункт настроек отвечает за фоновое изображение блока. При нажатии на кнопку "Обновить изображение" откроется меню управления изображением, через которое можно:

• загрузить изображение с компьютера
• загрузить по ссылке
• загрузить изображение из галереи
• удалить изображение

 

Отдельно отметим загрузку изображения из галереи: данная функция позволяет загружать изображения с ресурса www.pexels.com. Все изображения из данного источника являются полностью бесплатными для коммерческого использования (рис. 2).

Рисунок 2.

 

 

Показ и скрытие блока

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

Скрывать блок в десктопной версии - если данная галочка установлена, блок не будет отображаться при открытии страницы воронки с обычного компьютера (десктопа), ноутбука или планшета.

Показывать на всех страницах - если данная галочка установлена, блок будет отображаться на всех страницах воронки.

 

Заголовки

Добавить заголовок

- Добавляет блок заголовок H2.

Добавить подзаголовок

- Добавляет блок заголовок H3.

Эти заголовки можно редактировать на странице самой воронки (при включенном inplace-редактировании) (рис. 3):

Рисунок 3.

 

 

Отступы

Отступ сверху - задаёт для блока величину пустого отступа в пикселях сверху.

Отступ снизу - задаёт для блока величину пустого отступа в пикселях снизу.

Отступы выглядят следующим образом (рис. 4):

Рисунок 4.

 

 

Ширина блока

Этот пункт настроек отвечает за ширину содержимого блока.

Ширина блока измеряется в условных единицах - колонках. Минимальная ширина блока - 1 колонка, максимальная - 12 колонок. Пример отображения содержимого блока в 1 колонку и в 12 колонок (рис. 5):

Рисунок 5.