Шапка сайта — Документация — 4eo.ru

Документация по шаблону Fabrica

Шапка сайта

Конструктор шапки включает в себя четыре части:

  1. Верхняя
  2. Средняя
  3. Нижняя
  4. Фиксированная

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

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

Настройки части шапок (работают аналогично многим ключам):

  • Выравнивание изменяет расположение всех виджетов относительно своих границ
  • Цвет фона
  • Прозрачность фона (от 0 до 1, например 64% прозрачности нужно записать как 0.64)
  • Цвет содержимого (цвет всех виджетов)
  • Прозрачность контента (прозрачность виджетов)
  • Цвет hover-эффекта – это цвет, который появляется у виджета при наведении на него мышкой
  • Тень 
  • Внутренние отступы (или padding, это расстояния от фона части шапки до всех виджетов)
  • Фон на всю ширину (если стоит галочка, то фон части шапки будет растянут на всю ширину окна браузера, при этом виджеты останутся в рамках ширины сайта)

Виджеты

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

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

Некоторые виджеты имеют свои дубликаты (например поиск и поиск 2), они отличаются дизайном

  • Вертикальная черта – это декоративный виджет, рекомендуется располагать для визуального отделения виджетов между собой
  • Логотип, телефон. e-mail, режим работы, адрес офиса – это виджеты, информация для которых автоматически берется из вкладки Информация настроек шаблона
  • Поиск – виджет поиска, после нажатия раскрывается на всю ширину части шапки. Чтобы убрать из поиска "Поиск. Начните вводить", в ключ name напишите пробел, тогда у вас останется только пистое поле.
  • Иконка – декоративный элемент (символ). Для отображения нужно написать соответствующее значение 
  • Иконка + надпись – используется в качестве ссылки на что-то, например, на социальную сеть
  • Свой текст – напишите любой текст в этот виджет. Если он не поместится в ширину выделенных ячеек, то автоматически перенесется на следующую строку.
  • Меню каталога – классическое меню каталога товаров. Автоматически генерирует кнопку "ещё", в которую попадают все пункты меню, не поместившиеся в выделенные по горизонтали ячейки
  • Информационное меню – выводится из меню "Меню в шапке сверху"
  • Кастомное меню – любое меню, созданное вами
  • Виджеты для мобильной версии
  • Мобильный поиск, мини логотип, мобильное меню, корзина для телефона – это виджеты, адаптированные под мобильную версию сайта, их рекомендуется располагать только для шапок, которые будут адаптированы под мобильные версии сайтов
  • Site_block – вывод блока из раздела Страницы сайта → Блоки на сайте 
  • Языки сайта

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

Согласен