Попапы

Настройка всплывающих блоков

Попап блоки

В Базиуме можно добавлять на страницу всплывающее окно — попап (pop-up), которое открывается поверх страницы после клика на кнопку, ссылку или другой элемент. Попап можно использовать для формы заявки, акции, дополнительного описания, контактов или другой информации, которую удобно показать отдельно от основной страницы.

Настройка попапов

Шапка (header – хедер) — это блок в верхней части сайта. Обычно он повторяется на всех страницах и помогает пользователю быстро перейти в нужный раздел. В шапке чаще всего размещают логотип, меню, контакты, кнопку действия, переключатель языков или корзину для интернет-магазина.

Доступно два способа добавления шапки на сайт.

Способ №1: В редакторе страницы в зоне шапки вверху нажать на текст «Добавить блок в шапку»

Откроется библиотека блоков. В разделе «Шапки и подвалы» выберите подходящий блок. Прокрутите список блоков, чтобы увидеть все блоки в разделе.

Способ №2: В панели управления откройте раздел «Сайт» и выберите пункт «Шапка», как показано на изображении ниже.

Откроется отдельная страница шапки. Всё, что вы добавите на неё, будет отображаться в верхней части всех страниц сайта. Если раньше вы уже добавляли блоки в зону шапки способом №1, они тоже появятся здесь.
Главное отличие этой страницы от обычной — на ней есть только одна зона для добавления блоков.

Дальше всё работает так же, как в редакторе обычной страницы: перейдите в режим редактирования, добавьте нужный блок из раздела «Шапки и подвалы» и настройте его под свой сайт.

Важно:

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

Не забывайте, что вся информация в зоне шапки отображается на всех страницах сайта.

Как создать подвал

Подвал (footer – футер) — это блок в нижней части сайта. Он помогает завершить страницу и собрать в одном месте дополнительную информацию: контакты, реквизиты, документы или повтор основных пунктов меню.

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

Способ №1: В редакторе страницы в зоне подвала внизу страницы нажать на текст «Добавить блок в подвал»

Способ №2: В панели управления откройте раздел «Сайт» и выберите пункт «Подвал», как показано на изображении ниже

Откроется отдельная страница подвала. Всё, что вы добавите на неё, будет отображаться в нижней части всех страниц сайта. Если раньше вы уже добавляли блоки в зону подвала способом №1, они тоже появятся здесь.

Главное отличие этой страницы от обычной — на ней есть только одна зона для добавления блоков.

Дальше всё работает так же, как в редакторе обычной страницы: перейдите в режим редактирования, добавьте нужный блок из раздела «Шапки и подвалы» и настройте его под свой сайт.

Важно:

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

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

Как добавить уникальную шапку или подвал для отдельной страницы

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

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

Чтобы отключить шапку или подвал на нужной странице в режиме редактора нажмите на переключатели нужной зоны:

Важно:

после отключения общая шапка или подвал перестанут отображаться только на этой странице. На остальных страницах сайта они останутся без изменений.

Затем добавьте нужный блок в основную область страницы: шапку — первым блоком, подвал — последним блоком

Пример: прозрачная шапка

Разберём на примере страницы, где уже добавлены блоки.

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

Шаг №1: Копируем существующую (общую шапку)

Шаг №2: Выключаем общую шапку

Шаг №3: Теперь добавляем скопированную шапку в начало страницы: жмём на плюсик сверху, пролистываем разделы блоков до конца и выбераем «Вставить».

Шаг №4: Наводим курсор на блок с шапкой и нажмите «Дизайн». Откроется панель настроек блока.

Выбираем «Поведение» и ставим галочку на пункте «Поверх контента»

Шаг №5: Далее нужно прокрутить панель настроек вниз до раздела «Фон и отступы». В настройках фона нажимаем на кружок с цветом, а затем в открывшемся окне выбераем иконку с перечёркнутой каплей — она удаляет фон.

После этого фон блока станет прозрачным и будет отображаться в виде шахматной сетки.

Шаг №6: Так как шапка будет размещена поверх первого блока, важно проверить, хорошо ли читаются её элементы на фоне обложки. В нашем примере обложка тёмная, поэтому текст, логотип и кнопку лучше сделать светлыми в настройках блока. Сохраняем изменения.

Шаг №7: Наслаждаемся результатом.

Чтобы оценить, что получилось, выйдем из режима редактирования или перейдём по ссылке проекта