Как установить логотип и фавикон

По данному разделу доступна подробная ВИДЕО инструкция.

Вы можете установить свой фирменный торговый знак (логотип) в шапке сайта. Некоторые системные шаблоны предусматривают наличие логотипа и в подвале сайта.

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

ШАГ 1.   Первый вопрос, который возникает у клиента – какой размер логотипа возможен для шаблона? Ответ: Вы можете варьировать размер логотипа в разумных пределах.

Посмотреть размер логотипа по умолчанию можно через браузер. Для Chrome в клиентской части наведите курсор на логотип, нажмите на правую кнопку мыши и выберите пункт Посмотреть код или нажмите комбинацию горячих клавиш Ctrl+Shift+I.

Фото 1. Просмотр кода элемента

 

ШАГ 2.   В открывшемся редакторе выделите тег логотипа, если он не выделился автоматически. На странице сайта отобразится размер изображения.

Фото 2. Размер логотипа

 

ШАГ 3.   Логотип и фавикон необходимо подготовить в формате png с прозрачным фоном.
Для загрузки подготовленного логотипа перейдите в меню Сайт → Шаблоны → Список. Нажмите на кнопку «Файлы шаблона» в строке с действующим шаблоном.
Подробнее о работе с файлами шаблона см. в статье Настройка шаблонов сайта.

Нажмите на кнопку «Добавить» (1), выберите файл на локальном компьютере и нажмите на кнопку «Загрузить» (2).
Загрузку можно отменить либо удалить загруженный файл.

Фото 3. Загрузка изображения

 

ШАГ 4.   Перейдите в меню Сайт → Шаблоны → Список
Нажмите на кнопку «Настроить» в строке с действующим шаблоном. Выберите загруженные изображения, которые Вы планировали использовать для логотипа и фавикона:

  • Favicon (иконка сайта) (1);
  • Логотип шапка (2);
  • Логотип подвал (3).

Нажмите на кнопку «Сохранить» в нижней части страницы.

ВАЖНО! Если загруженный Вами логотип не отображается в списке, то возможно он загружен не в формате png. Проверить это можно в меню Сайт → Шаблоны → Список, нажав на кнопку «Файлы шаблона» для действующего шаблона.

Фото 4. Выбор логотипов и фавикона

 

РЕЗУЛЬТАТ: логотипы и фавикон будут заменены на загруженные изображения.

Фото 5. Замененные логотипы и фавикон

 

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

Перейдите в меню Сайт → Шаблоны → Список. Нажмите на кнопку «Настроить» в строке с действующим шаблоном. Установите следующие значения полей:

  • Показывать имя компании (1) – Нет;
  • Показывать слоган компании (2) – Нет;
  • Показывать имя компании (3) – Нет;
  • Показывать слоган компании (4) – Нет.

Нажмите на кнопку «Сохранить» в нижней части страницы.

Фото 6. Настройка без надписи

РЕЗУЛЬТАТ: имя компании и слоган отсутствуют рядом с логотипом.

Фото 7. Надписи рядом с логотипом удалены

 

ШАГ 6.   Если нет возможности сверстать новую надпись под увеличенные размеры логотипа, есть еще одно решение – сократить текст имени компании и слогана.
Перейдите в меню Сайт → Шаблоны → Список. Нажмите на кнопку «Настроить» в строке с действующим шаблоном. Верните следующие значения полей:

  • Показывать имя компании – Да;
  • Показывать слоган компании – Да;
  • Показывать имя компании – Да;
  • Показывать слоган компании – Да.

Нажмите на кнопку «Сохранить» в нижней части страницы.

 

ШАГ 7.   Перейдите в меню Сайт → Строки

В заголовке списка в поле Значение содержит (1) введите часть имени компании и нажмите на кнопку «Найти» (2).
В найденной строке, соответствующей имени компании, нажмите на кнопку редактирования (3). Откроется страница редактирования строки системного шаблона.
В поле Значение (4) введите новое короткое имя компании (в нашем примере меняем "avtoparts" на "avto") и нажмите на кнопку «Сохранить» (5).

Фото 8. Редактирование строки системного шаблона

 

Аналогичным образом внесите изменения в текст слогана (в нашем примере меняем значение "запчасти на века" на "на века").

РЕЗУЛЬТАТ: имя компании и слоган рядом с логотипом скорректированы.

Фото 9. Надписи рядом с логотипом изменены