Курсы обучения
+7 (351) 777-80-70
2021.09.06

Как сделать разные логотипы для главной, внутренней страницы, мобильной версии и фикс панели?

Чтобы сделать разные логотипы, исходя из ваших нужд, нужно в /include/ найти файл logotype.php и редактировать его как php.



Заменяем внутренний код на следующий:

<?
$page = $APPLICATION->GetCurPage();

if ($page === '/')
{
echo "<img class='logo logo--main' src='путь_к_основному_лого'><br>";
echo "<img class='logo logo--fixed' src='путь_к_доп_лого'><br>";
}
else
{
echo "<img src='путь_к_доп_лого'><br>";
}
?>

Далее в файл custom.css добавляем следующие стили:


/*Скрываем основной логотип в шапке на главной*/
.c-header.c-header-template-1 .widget-view.widget-view-fixed .widget-logotype .logo--main {
display:none;
}

/*Скрываем доп.логотип во всплывающей шапке на главной*/
.c-header.c-header-template-1 .widget-view.widget-view-desktop .widget-logotype-container .logo--fixed{
display:none;
}

/*скрываем основной логотип в мобильной версии*/
.c-header.c-header-template-1 .widget-view.widget-view-mobile .widget-logotype .logo--main{
display:none;
}

/*скрываем основной логотип в мобильной версии в бургере*/
.ns-bitrix.c-menu.c-menu-mobile-2 .menu-panel-logotype .logo--main{
display:none;
}

Наши решения