+7 (495) 278-08-54

Шапка и подвал сайта

Шапка сайта (хедер) – это важный элемент веб-дизайна, который выполняет несколько ключевых функций. Во-первых, она служит ориентиром для пользователей, быстро сообщая им о содержании и тематике ресурса. В шапке размещается логотип, который помогает установить бренд и повысить его узнаваемость. Во-вторых, навигация является неотъемлемой частью шапки: удобно расположенные ссылки на важные разделы сайта обеспечивают легкий доступ к информации.
Пример отображения шапки сайта в Сотбит.B2B:
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 1
В Сотбит: B2B в шапке сайта содержится:
1. Бургер-меню с основными вкладками;
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 2
2. Логотип компании;
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 3
3. Выпадающей список организаций, в которых состоит пользователь;
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 4
4. Кнопка поиска;
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 5
5. Кнопка сравнения товаров;
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 6
6. Кнопка корзины;
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 7
7. Кнопка личного кабинета пользователя.
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 8
Настройки шапки сайта
Для изменения основных настроек шапки перейдите на страницу Администрирование > Сотбит > Сотбит: Личный кабинет B2B > Настройки > [id сайта]. На вкладке Настройки кабинета в блоке Визуальные настройки.
Изменение цвета
Чтобы изменить цвет шапки воспользуйтесь параметром Цвет шапки и футера. Для этого нажмите на поле значения параметра, после нажатия откроется цветовая палитра, выберете нужный цвет, либо введите цифровой код нужного цвета и нажмите кнопку Сохранить в левом нижнем углу страницы.
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 9
Выбранный цвет автоматически применится к шапке и футеру.
Таким же образом можно изменить цвет управляющих элементов, активных управляющих элементов, элементов при наведении курсора.
Загрузка логотипа сайта
Для того, чтобы загрузить логотип воспользуйтесь параметром Логотип сайта. В поле для загрузки поместите картинку логотипа и нажмите кнопку Сохранить в левом нижнем углу страницы.
Для всех поля поддерживаются форматы растровой графики (jpeg, jpg, png) и формат векторной графики svg.
Рекомендуется загружать изображение в формате svg, поскольку масштабирование такого изображения не влияет на его качество.
Рекомендуемый размер основного и дополнительного логотипов 120x52 px.
Подвал (футер) сайта
В подвале сайта (футере) размещают важную, но второстепенную информацию. По умолчанию в подвале сайта Сотбит.B2B отображается информация о разработчике, блок политик и соглашений, информация о копирайте.
Пример отображения подвала (футера) в Сотбит.B2B:
Документация Сотбит: Сотбит: B2B. Шапка и подвал сайта. Картинка 10
Настройка соглашений осуществляется на странице Администрирование > Настройки > Настройки продукта > Соглашения.
Изменение цветового отображения для подвала (футера) сайта связанно с аналогичными настройками, используемыми для шапки (хедера) сайта.
Информацию о разработчике, копирайте можно изменять с помощью редактирования шаблона.
Основные параметры, отвечающие за шапку и подвал сайта:
Поле
Описание
Цвет шапки и футера
В поле указывается основной цвет управляющих элементов. Есть возможность выбрать цвет из палитры либо указать собственный HEX-код цвета.
Цвет управляющих элементов
В поле указывается основной цвет управляющих элементов. Есть возможность выбрать цвет из палитры либо указать собственный HEX-код цвета.
Цвет активных управляющих элементов
В поле указывается основной цвет управляющих элементов. Есть возможность выбрать цвет из палитры либо указать собственный HEX-код цвета.
Цвет управляющих элементов, при наведении
В поле указывается основной цвет управляющих элементов. Есть возможность выбрать цвет из палитры либо указать собственный HEX-код цвета.
Логотип сайта
Поле для загрузки логотипа.
Ссылка перехода с логотипа
В поле указывается адрес ссылки, по которому будет осуществлен переход при нажатии на логотип.
По умолчанию устанавливается ссылка на главную страницу.
telegram

Вступайте в сообщество Сотбит!

Задавайте вопросы, делитесь опытом и находите ответы вместе с другими участниками.