Артем писал(а):
1) Подскажите как поменять логотип, сам пытался не получается.
Вариант 1. КартинкаВ файле /theme/_header.tmpl находим код:
Код:
<a href="/" class="logo"><i class="powericon-electric-plug"></i></a>
и меняем на
Код:
<a href="/" class="logo"><img src="/theme/img/logo.png"></a>
В файл /theme/css/main.css добавьте строку
Код:
@import url("custom.css");
Создайте файл /theme/css/custom.css со следующим содержимым:
Код:
.logo {
background-color: transparent !important;
padding: 0 !important;
}
.logo img {
height: 1em;
}
Вариант плох тем, что на некоторых устройствах и разрешениях размера картинки может не хватать для четкого отображения. А если сделать картинку слишком большой - она будет очень "тяжелой" и на какой нибудь 3G-связи будет медленно грузиться. Поэтому:
Вариант 2. ВекторВыбираем/делаем себе логотип в формате SVG. Открываем
icomoon.io и загружаем (import icons) файл /theme/fonts/powericons/powericons.json.
Опять нажимаем import icons и выбираем подготовленный SVG логотип. Выбираем его в списке и переходим к generate font. Задаем для логотипа имя, например "logo" и жмем Download.
Из каталога /fonts/ скаченного архива копируем все файлы в /theme/fonts/powericons/ заменяя старые. А так же файл selection.json под именем powericons.json (тоже заменяя старый). Теперь смотрим в файл style.css и находим там стиль для нашей иконки "logo", там будет что-то типа:
Код:
.powericon-logo:before {
content: "\e90a";
}
и добавляем этот код в файл /theme/fonts/powericons/powericons.css
Теперь в шрифте powericons появился символ вашего логотипа под именем powericon-logo, осталось добавить его на сайт. Для этого в файле /theme/_header.tmpl находим код:
Код:
<a href="/" class="logo"><i class="powericon-electric-plug"></i></a>
и меняем на
Код:
<a href="/" class="logo"><i class="powericon-logo"></i></a>
В этом подходе иконка будет отображаться четко на всех устройствах и разрешениях, но метод более сложный и требует редактирование шрифта.