new announcement status on site
This commit is contained in:
merelendor
parent
6f925d54d3
commit
9535ba026c
@ -2,9 +2,11 @@
|
|||||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=<?= GTM_SITE_KEY; ?>" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=<?= GTM_SITE_KEY; ?>" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||||
<!-- End Google Tag Manager (noscript) -->
|
<!-- End Google Tag Manager (noscript) -->
|
||||||
<? global $USER; ?>
|
<? global $USER; ?>
|
||||||
<header class="page_header <?= $USER->IsAuthorized() ? "header_with_offset" : ""; ?>">
|
<header class="page_header page_header_announce <?= $USER->IsAuthorized() ? "header_with_offset" : ""; ?>">
|
||||||
<? $APPLICATION->IncludeComponent("bitrix:menu", "evolution", Array(
|
<? $APPLICATION->IncludeComponent("bitrix:menu",
|
||||||
"ALLOW_MULTI_SELECT" => "N", // Разрешить несколько активных пунктов одновременно
|
"evolution",
|
||||||
|
Array(
|
||||||
|
"ALLOW_MULTI_SELECT" => "N", // Разрешить несколько активных пунктов одновременно
|
||||||
"CHILD_MENU_TYPE" => "left", // Тип меню для остальных уровней
|
"CHILD_MENU_TYPE" => "left", // Тип меню для остальных уровней
|
||||||
"DELAY" => "N", // Откладывать выполнение шаблона меню
|
"DELAY" => "N", // Откладывать выполнение шаблона меню
|
||||||
"MAX_LEVEL" => "1", // Уровень вложенности меню
|
"MAX_LEVEL" => "1", // Уровень вложенности меню
|
||||||
@ -16,10 +18,11 @@
|
|||||||
"MENU_CACHE_USE_GROUPS" => "Y", // Учитывать права доступа
|
"MENU_CACHE_USE_GROUPS" => "Y", // Учитывать права доступа
|
||||||
"ROOT_MENU_TYPE" => "top", // Тип меню для первого уровня
|
"ROOT_MENU_TYPE" => "top", // Тип меню для первого уровня
|
||||||
"USE_EXT" => "N", // Подключать файлы с именами вида .тип_меню.menu_ext.php
|
"USE_EXT" => "N", // Подключать файлы с именами вида .тип_меню.menu_ext.php
|
||||||
|
"ANNOUNCE_BUTTON_URL" => "https://www.evoleasing.ru/about/news/protsess-reorganizatsii/"
|
||||||
),
|
),
|
||||||
false
|
false
|
||||||
); ?>
|
); ?>
|
||||||
</header>
|
</header>
|
||||||
<main class="<?= $USER->IsAuthorized() ? "content_with_offset" : ""; ?>">
|
<main class="<?= $USER->IsAuthorized() ? "content_with_offset content_with_offset_announce" : ""; ?>">
|
||||||
<!--<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">-->
|
<!--<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">-->
|
||||||
<? $APPLICATION->ShowPanel(); ?>
|
<? $APPLICATION->ShowPanel(); ?>
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
$(function()
|
||||||
|
{
|
||||||
|
var w = 1310;
|
||||||
|
if(window.innerWidth >= 1360 && window.innerWidth <= 1420)
|
||||||
|
{
|
||||||
|
w = 1200;
|
||||||
|
}
|
||||||
|
if(window.innerWidth >= 1280 && window.innerWidth < 1360)
|
||||||
|
{
|
||||||
|
w = 1130;
|
||||||
|
}
|
||||||
|
var announce_panel_offset = (window.innerWidth - w) / 2;
|
||||||
|
console.log("window", announce_panel_offset, w);
|
||||||
|
|
||||||
|
if(window.innerWidth > 1279)
|
||||||
|
{
|
||||||
|
$("#main_menu_announce").css("margin-left", '-'+announce_panel_offset+'px');
|
||||||
|
$("#main_menu_announce").css("margin-right", '-'+announce_panel_offset+'px');
|
||||||
|
$("#main_menu_announce_content").css("margin-left", announce_panel_offset+'px');
|
||||||
|
$("#main_menu_announce_content").css("margin-right", announce_panel_offset+'px');
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$("#main_menu_announce").css("margin-left", '0px');
|
||||||
|
$("#main_menu_announce").css("margin-right", '0px');
|
||||||
|
$("#main_menu_announce_content").css("margin-left", '0px');
|
||||||
|
$("#main_menu_announce_content").css("margin-right", '0px');
|
||||||
|
}
|
||||||
|
|
||||||
|
$(window).on("resize", function()
|
||||||
|
{
|
||||||
|
var w = 1310;
|
||||||
|
if(window.innerWidth >= 1360 && window.innerWidth <= 1420)
|
||||||
|
{
|
||||||
|
w = 1200;
|
||||||
|
}
|
||||||
|
if(window.innerWidth >= 1280 && window.innerWidth < 1360)
|
||||||
|
{
|
||||||
|
w = 1130;
|
||||||
|
}
|
||||||
|
var announce_panel_offset = (window.innerWidth - w) / 2;
|
||||||
|
console.log("window", announce_panel_offset, w);
|
||||||
|
|
||||||
|
if(window.innerWidth > 1279)
|
||||||
|
{
|
||||||
|
$("#main_menu_announce").css("margin-left", '-'+announce_panel_offset+'px');
|
||||||
|
$("#main_menu_announce").css("margin-right", '-'+announce_panel_offset+'px');
|
||||||
|
$("#main_menu_announce_content").css("margin-left", announce_panel_offset+'px');
|
||||||
|
$("#main_menu_announce_content").css("margin-right", announce_panel_offset+'px');
|
||||||
|
//console.log("window", window.innerWidth);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$("#main_menu_announce").css("margin-left", '0px');
|
||||||
|
$("#main_menu_announce").css("margin-right", '0px');
|
||||||
|
$("#main_menu_announce_content").css("margin-left", '0px');
|
||||||
|
$("#main_menu_announce_content").css("margin-right", '0px');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -0,0 +1,158 @@
|
|||||||
|
.page_header_announce {
|
||||||
|
height: 182px !important;
|
||||||
|
|
||||||
|
@media all and (min-width: 1420px) and (max-width: 1600px) {
|
||||||
|
height: 163px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 1280px) and (max-width: 1420px) {
|
||||||
|
height: 163px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 769px) and (max-width: 1279px) {
|
||||||
|
height: 135px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 768px) and (max-width: 768px) {
|
||||||
|
height: 84px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 767px) {
|
||||||
|
height: 153px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page_header_announce_container {
|
||||||
|
padding: 0px 0 105px 0 !important;
|
||||||
|
|
||||||
|
@media all and (min-width: 1420px) and (max-width: 1600px) {
|
||||||
|
padding: 0px 0 100px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 1280px) and (max-width: 1420px) {
|
||||||
|
padding: 0px 0 100px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 769px) and (max-width: 1279px) {
|
||||||
|
padding: 0px 0 50px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 768px) and (max-width: 768px) {
|
||||||
|
padding: 0px 0 35px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 767px) {
|
||||||
|
padding: 0px 0 35px 0 !important;
|
||||||
|
height: 85px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#main_menu_announce {
|
||||||
|
background-color: #04A8A4;
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
height: 60px;
|
||||||
|
|
||||||
|
@media all and (max-width: 1279px) {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 769px) and (max-width: 1279px) {
|
||||||
|
position: absolute;
|
||||||
|
top: 45px;
|
||||||
|
left: -275px;
|
||||||
|
right: -180px;
|
||||||
|
|
||||||
|
padding-left: 80px;
|
||||||
|
padding-right: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 768px) and (max-width: 768px) {
|
||||||
|
position: absolute;
|
||||||
|
top: 32px;
|
||||||
|
left: -80px;
|
||||||
|
right: -80px;
|
||||||
|
|
||||||
|
padding-left: 80px;
|
||||||
|
padding-right: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 767px) {
|
||||||
|
top: 40px;
|
||||||
|
left: -80px;
|
||||||
|
right: -80px;
|
||||||
|
|
||||||
|
padding-left: 80px;
|
||||||
|
padding-right: 80px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#main_menu_announce_content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 22px;
|
||||||
|
height: 100%;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
@media all and (min-width: 1280px) and (max-width: 1420px) {
|
||||||
|
font-size: 21px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 900px) and (max-width: 1279px) {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 769px) and (max-width: 900px) {
|
||||||
|
font-size: 19px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 768px) and (max-width: 768px) {
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 580px) and (max-width: 767px) {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 440px) and (max-width: 579px) {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 439px) {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 13px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#main_menu_announce_content_text {
|
||||||
|
padding-right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_with_offset_announce {
|
||||||
|
padding-top: 222px !important;
|
||||||
|
|
||||||
|
@media all and (min-width: 1280px) and (max-width: 1600px) {
|
||||||
|
padding-top: 202px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 769px) and (max-width: 1279px) {
|
||||||
|
padding-top: 175px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 768px) and (max-width: 768px) {
|
||||||
|
padding-top: 183px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 767px) {
|
||||||
|
padding-top: 192px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,6 +1,6 @@
|
|||||||
<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
|
<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container page_header_announce_container">
|
||||||
<a href="/" class="logo">
|
<a href="/" class="logo">
|
||||||
<img src="/images/logo.svg" alt="" width="217px" height="32px" />
|
<img src="/images/logo.svg" alt="" width="217px" height="32px" />
|
||||||
</a>
|
</a>
|
||||||
@ -15,6 +15,14 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<nav>
|
<nav>
|
||||||
|
<div id="main_menu_announce">
|
||||||
|
<div id="main_menu_announce_content">
|
||||||
|
<div id="main_menu_announce_content_text">Больше преимуществ, больше возможностей: мы присоединяемся к «Совкомбанк Лизинг»</div>
|
||||||
|
<a class="button" style="width:110px; display: flex; justify-content: center;" href="<?= $arParams["ANNOUNCE_BUTTON_URL"]; ?>">
|
||||||
|
<span id="send_button_text" style="display:block;">Подробнее</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<?
|
<?
|
||||||
$selected = "Главная";
|
$selected = "Главная";
|
||||||
foreach($arResult as $arItem)
|
foreach($arResult as $arItem)
|
||||||
|
|||||||
@ -7,16 +7,26 @@
|
|||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
padding-top: 112px;
|
padding-top: 182px !important;
|
||||||
}
|
}
|
||||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
@media all and (min-width: 1280px) and (max-width: 1600px) {
|
||||||
main {
|
main {
|
||||||
padding-top: 98px;
|
padding-top: 163px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media all and (max-width: 1279px) {
|
@media all and (min-width: 769px) and (max-width: 1279px) {
|
||||||
main {
|
main {
|
||||||
padding-top: 86px;
|
padding-top: 136px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media all and (min-width: 768px) and (max-width: 768px) {
|
||||||
|
main {
|
||||||
|
padding-top: 144px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media all and (max-width: 767px) {
|
||||||
|
main {
|
||||||
|
padding-top: 153px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
main section.gray {
|
main section.gray {
|
||||||
|
|||||||
@ -7,17 +7,25 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
padding-top: 112px;
|
//padding-top: 112px;
|
||||||
|
padding-top: 182px !important;
|
||||||
|
|
||||||
@media all and (max-width: 1600px) and (min-width: 1280px) {
|
@media all and (min-width: 1280px) and (max-width: 1600px) {
|
||||||
padding-top: 98px;
|
padding-top: 163px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 1279px) {
|
@media all and (min-width: 769px) and (max-width: 1279px) {
|
||||||
padding-top: 86px;
|
padding-top: 136px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 768px) and (max-width: 768px) {
|
||||||
|
padding-top: 144px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 767px) {
|
||||||
|
padding-top: 153px !important;
|
||||||
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
//padding: 80px 0;
|
//padding: 80px 0;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user