Элементы дизайна

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

Элементы дизайна

Логотип

Логотип располагается над меню в левом верхнем углу сайта.

Настройки логотипа выглядят следующим образом:

Требования к логотипу
- Допустимые форматы: .jpeg и .png;
- Объем файла: не более 200 kB;
- Размер изображения: по высоте не более 70px.
Высота логотипа
Укажите высоту логотипа на сайте.
Alt для логотипа
Атрибут alt для изображения — это его текстовое описание, оно необходимо, если по каким-то причинам изображения логотипа не загрузилось. На месте логотипа будет, введенный в этом поле, текст.

Фавикон

Фавикон — это иконка сайта, которая располагается на вкладке браузера перед названием страницы.

Требования к фавикону
- Допустимые форматы: .ico;
- Объем файла: не более 200 kB.

Цветовое оформление

Настройки цветового оформления:

Фирменный цвет — это основной цвет сайта. Данный цвет используется на всем сайте, например, заливка пункта меню и выделение пункта меню цветом, при наведении курсора мыши:

Выделение параметров калькуляции:

Цвет фона конструктора

Футер отображается на каждой странице сайта и располагается в самом низу страницы.

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

И в самом продукте, при варианте отображения «Карточка товара»:

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

Кнопки

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

Кнопки бывают следующих видов:

Тэги фильтрации

Тэги фильтрации отображаются в виджете «Каталог товаров», при использовании варианта отображения виджета «Меню слева» или «Меню сверху».
В настройка дизайна сайта можно выбрать вариант отображения тэгов:

В этом случае тэги отображаются кнопкой типа «Дополнительная»

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

Калькулятор по умолчанию

В настройках продукта в параметре «Отображение калькулятора» имеется вариант «По умолчанию».
Для удобства управления внешним видом калькуляции всех продуктов, необходимо в настройках продукции выставить параметр «По умолчанию».

Вид калькулятора по умолчанию настраивается в текущем разделе — «Элементы дизайна».

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

Исключение, если в меню первым по порядку идет пункт с настройкой «Мегаменю», то он окрашивается в фирменный цвет сайта. Окрашивается только крайний слева пункт меню.

Меню окрашивается в определенный цвет по всей ширине страницы. При выборе параметра «С заливкой», появляется палитра, в которой отдельно выбирается цвет заливки.

Другие настройки

Отображать город для клиента

Город, с которого клиент заходит на сайт, определяется автоматически и напрямую зависит от интеграции IpGeoBase из раздела Интеграции. Отображается город в шапке сайта справа от логотипа.

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

Запрашивать выбор города

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

Да — клиент соглашается с определённым городом.
Изменить — открывается окно «Выберите город» для ручного выбора.

От выбранного города могут зависеть цены, если в разделе «Корректировка цен» настроена наценка или скидка для определённых городов.

Отображать поиск в шапке сайта

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

В отсутствии поиска по сайту в шапке, иконки языка и валюты смещаются на место поиска, ближе к иконке авторизации

Заглушка

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

Заглушка может понадобиться в случаях, когда:

необходимо значительно изменить цены на продукцию — иначе в процессе внесения изменений, клиент сможет наткнуться на неправильные цены;
необходимо изменить дизайн ключевых страниц сайта (главная, продукция и т.д.) — иначе в процессе внесения изменений, клиент сможет увидеть «рабочий» вариант дизайна, что может негативно сказаться на его опыте посещения;
и т.д.

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

Текст заглушки идет жесткий, сейчас нет возможности его редактировать.

Иконка выбора языка

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

Имеется два варианта отображения иконки языка: Флажок и Буквенное обозначение.

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

Сайт обязан сообщать клиентам о том, что использует файлы Cookies:

в России — согласно 152-ФЗ «О персональных данных»;
в странах ЕС — согласно регламенту General Data Protection Regulation (GDPR).

Если не соблюдать данное требование, имеется риск быть оштрафованным на сумму, согласно нормативному документу.

Отображение данного сообщения:

Тем не менее, имеется возможность отключить это уведомление как для сайта в версии настольных ПК, так и на сайте в версии на мобильных устройствах.