Загрузка своего логотипа на сайт

Загрузка своего логотипа на сайт

+ Как загрузить свой логотип на сайт так, чтобы он не заменялся стандартным при обновлении
+ Возможные проблемы при загрузке логотипа на сайт

Подробное описание статьи:

Как загрузить свой логотип

Размеры логотипа не должны превышать 300 x 80 px
Назовите логотип латиницей, но не logo.png, а например mylogo.png ***
Загрузите логотип в папку img Вашего шаблона (если у Вас стоит например "синий со смешанным фоном", то называться он будет electro_blue_bw) (Администрирование - Файлы и папки - Bitrix - Templates - Ваш шаблон - Img)
В редактируемой области через редактирование как php вставьте код
<a href="<?=SITE_DIR?>" id="logo"><img src="<?=SITE_TEMPLATE_PATH?>/images/mylogo.png" alt="" title=""></a>

* Если Вы используете светлую цветовую гамму, то для подвала (футера) сайта Вам потребуется другой логотип, размеры те же, только нужно, чтобы текст на нем был светлый, иначе логотип сольется с фоном сайта. Процедура загрузки аналогична основному логотипу

Возможные ошибки при загрузке логотипа

*** Если Вы назовете логотип logo.png и загрузите его в папку с Вашим шаблоном, то при обновлении или переустановке решения Ваш логотип заменится нашим демонстрационным

Есть и другие способы загрузки логотипа на сайт, например через визуальный редактор битрикса, но при использовании такого метода, Вы можете столкнуться со следующими проблемами:

Логотип стал не кликабельным
Логотип не центрируется по высоте (съехал наверх или вниз)
Логотип не правильно отображается на разных разрешениях экрана
Логотип имеет не правильные размеры

Загрузка логотипа для мобильной версии сайта

Для мобильной версии сайта требуется загрузка отдельного логотипа, способ загрузки такой же, как и для основной версии сайта, только загружать следует в другой шаблон. Шаблоны мобильной версии в структуре сайта называются m_electro (начинаются с буквы m), т.е. путь к папке с картинками будет (Администрирование \ Файлы и папки \ Bitrix \ Templates \ m_electro \ Img)

Популярные теги:

настройка карточки товара