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

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

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

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

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

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

Фото 1. Просмотр кода элемента
Как установить логотип и фавикон иллюстрация №1

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

Фото 2. Размер логотипа
Как установить логотип и фавикон иллюстрация №2

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

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

Фото 3. Загрузка изображения
Как установить логотип и фавикон иллюстрация №3

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

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

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

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

Фото 4. Выбор логотипов и фавикона
Как установить логотип и фавикон иллюстрация №4

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

Фото 5. Замененные логотипы и фавикон
Как установить логотип и фавикон иллюстрация №5

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

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

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

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

Фото 6. Настройка без надписи
Как установить логотип и фавикон иллюстрация №6

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

Фото 7. Надписи рядом с логотипом удалены
Как установить логотип и фавикон иллюстрация №7

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

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

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

ШАГ 7.   Откройте меню Сайт → Строки. Следуя документации по редактированию констант шаблона, найдите строку со значением "avtoparts" (1-2) и отредаткируйте ее (3), заменив для нее значение "avtoparts" на "avto" (4)

Фото 8. Редактирование строки системного шаблона
Как установить логотип и фавикон иллюстрация №8

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

Результат шапки шаблона будет следующим.

Фото 9. Надписи рядом с логотипом изменены
Как установить логотип и фавикон иллюстрация №9


Связанные разделы:

Редактирование строк шаблона