Шапка сайта

02.05.2017

1. Логотип

2. Телефон, график работы

3. Информационные страницы (доставка, оплата, контакты)

4. Сравнение и избранное

5. Вход, регистрация

1. Логотип

Логотип желательно загружать в формате svg (векторный формат), при нем четкость логотипа не меняется ни при каких изменениях размерах. Отдельное место для слогана не предусмотрено, поэтому он должен быть также вместе с логотипом в одном svg файле.

Идеальные размеры/соотношение сторон в логотипе. При разработке/адаптации логотипа для сайта, стоит ориентироваться на размеры максимум 208х58 пикселей (ширина 208пх, высота 58пх).

При этом чтобы добиться максимально узкой шапки рекомедуем принимать работу от дизайнера высотой 36 пикселей, и шириной не более 208 пикселей.

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

2. Телефон, график работы

В шапке можно указать один или два телефона, а также график работы. По-умолчанию телефон и график берется из настроек магазина (Магазин->Настройки->Общие настройки). Если одного телефона не хватает или формат ввода графика работы не подходит, то стоит использовать поля в шаблоне.

Магазин->Витрина->Оформление

3. Информационные страницы (доставка, оплата, контакты)

Информ. страницы выводятся с помощью блока. Мы решили отказаться от автоматического вывода данных страниц.

Чтобы создать блок нужно перейти в Сайт->Блоки, нажать на кнопку "Новый блок", задать ему id, например, "header_info_links", а в тело блока вставить код приведенный ниже.

Сайт->Блоки Код для вставки в тело блока <li class="Nav__Item--Inline"> <a class="Nav__Link--Slide" href="/delivery/"> <i class="Nav__Icon icon-box"></i> Доставка </a> </li> <li class="Nav__Item--Inline"> <a class="Nav__Link--Slide" href="/payment/"> <i class="Nav__Icon icon-credit-card"></i> Оплата </a> </li> <li class="Nav__Item--Inline"> <a class="Nav__Link--Slide" href="/contacts/"> <i class="Nav__Icon icon-contacts-book"></i> Контакты </a> </li> <li class="Nav__Item--Inline"> <a class="Nav__Link--Slide" href="/typography/"> <i class="Nav__Icon icon-listing-option"></i> Типографика </a> </li>

4. Сравнение и избранное

Включить\отключить сравнение и избранное можно двумя настройками из скриншота ниже.

4. Вход, регистрация

Ссылки на "регистрация" и "войти" появляются сразу после включения авторизации в магазине. Настройка активировать можно по пути Сайт->Личный кабинет