Логотип

Логотип размещается в шапке сайта. Виджет настроек предлагает 12 вариантов стандартной шапки и 3 шаблона фиксированной шапки.

Требования к логотипу

Размер контейнера для логотипа в шапке сайта: 160x50 px.

Допустимые форматы изображений: svg, jpg, png, gif.

Если вы хотите, чтобы логотип соответствовал вашим предпочтениям или общей цветовой схеме сайта, с версии решения 1.1.5 появилась возможность частично кастомизировать цвета у SVG-логотипа в шапке. Для этого нужно прописать класс в SVG-файле. Рассмотрим 3 варианта классов для изменения цвета.

Для указания специального цвета у SVG-логотипа воспользуйтесь классом fill-ignore.

Для указания цвета темы используйте класс fill-theme-svg.

Чтобы текст логотипа отображался в зависимости от темной или светлой темы, используйте класс fill-dark-light:

Зависимость показа логотипа от различных настроек

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

Мобильная шапка

1. Белая

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.

Темная

• Всегда светлый логотип.

Цветная

• Всегда светлый логотип.

Серая

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.

Мобильное меню (2 типа, боковое и выпадающее сверху)

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.

Фиксированная шапка (3 типа)

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.

Варианты шапок (12 видов)

1-4, 7-11 шапки

Цвет блока с меню:

1. Белый

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.

Темный

• Всегда светлый логотип.

Цветной

• Всегда светлый логотип.

Прозрачный

• Если есть баннер, в зависимости от его настроек.
• Если нет баннера:
  • Светлая тема — обычный логотип.
  • Темная тема — светлый логотип.

Серый

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.

5-6 шапки

1. Если есть баннер, в зависимости от его настроек.
2. Если нет баннера:

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.

12-я шапка

• Светлая тема — обычный логотип.
• Темная тема — светлый логотип.