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

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

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

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

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

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

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

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

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

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

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