Your IP : 3.142.114.166


Current Path : /home/bitrix/ext_www/easy-comfort.com.ua/local/templates/easy-comfort/
Upload File :
Current File : /home/bitrix/ext_www/easy-comfort.com.ua/local/templates/easy-comfort/header_mobile.php

<? if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true) die(); ?>
<?use Bitrix\Main\Localization\Loc;?>
<header class="header-mobile bem is-hide-desktop">
	<div class="header-mobile__line">
		<div class="header-mobile__left">
			<div class="header-mobile__catalog">
                <style>

                    .c-hamburger {
                        display: block;
                        position: relative;
                        overflow: hidden;
                        margin: 0;
                        padding: 0;
                        width: 59px;
                        height: 59px;
                        font-size: 0;
                        text-indent: -9999px;
                        appearance: none;
                        box-shadow: none;
                        border-radius: none;
                        border: none;
                        cursor: pointer;
                        transition: background 0.3s;
                        background: none;
                    }

                    .c-hamburger:focus {
                        outline: none;
                    }

                    .c-hamburger span {
                        display: block;
                        position: absolute;
                        top: 28px;
                        left: 16px;
                        width: 27px;
                        height: 4px;
                        background: black;
                    }

                    .c-hamburger span::before,
                    .c-hamburger span::after {
                        position: absolute;
                        display: block;
                        left: 0;
                        width: 100%;
                        height: 4px;
                        background-color: #000;
                        content: "";
                    }

                    .c-hamburger span::before {
                        top: -11px;
                    }

                    .c-hamburger span::after {
                        bottom: -11px;
                    }

                    .c-hamburger--htx span {
                        transition: background 0s 0.3s;
                    }

                    .c-hamburger--htx span::before,
                    .c-hamburger--htx span::after {
                        transition-duration: 0.3s, 0.3s;
                        transition-delay: 0.3s, 0s;
                    }

                    .c-hamburger--htx span::before {
                        transition-property: top, transform;
                    }

                    .c-hamburger--htx span::after {
                        transition-property: bottom, transform;
                    }

                    /* состояние active при открытом меню  */

                    .c-hamburger--htx.is-active span {
                        background: none;
                    }

                    .c-hamburger--htx.is-active span::before {
                        top: 0;
                        transform: rotate(45deg);
                    }

                    .c-hamburger--htx.is-active span::after {
                        bottom: 0;
                        transform: rotate(-45deg);
                    }

                    .c-hamburger--htx.is-active span::before,
                    .c-hamburger--htx.is-active span::after {
                        transition-delay: 0s, 0.3s;
                    }
                </style>
                <a href="#mobile-catalog" data-action="mobile-menu">
                <button class="c-hamburger c-hamburger--htx">
                    <span>toggle menu</span>
                </button>
                </a>
<!--				<a class="header-mobile__catalog-button c-hamburger c-hamburger--htx" href="#mobile-catalog" data-action="mobile-menu"><span>Каталог</span></a>-->

                <script>
                    (function() {

                        "use strict";

                        var toggles = document.querySelectorAll(".c-hamburger");

                        for (var i = toggles.length - 1; i >= 0; i--) {
                            var toggle = toggles[i];
                            toggleHandler(toggle);
                        };

                        function toggleHandler(toggle) {
                            toggle.addEventListener( "click", function(e) {
                                e.preventDefault();
                                (this.classList.contains("is-active") === true) ? this.classList.remove("is-active") : this.classList.add("is-active");
                            });
                        }

                    })();
                </script>
				<div class="header-mobile__catalog-holder" id="mobile-catalog">
					<?$APPLICATION->IncludeComponent(
						"bitrix:menu",
						"aside",
						Array(
							"ALLOW_MULTI_SELECT" => "N",
							"CHILD_MENU_TYPE" => "left",
							"DELAY" => "N",
							"FIFTH_SHOW_ALL_COUNT" => "5",
							"FIRST_SHOW_ALL_COUNT" => "5",
							"FOURTH_SHOW_ALL_COUNT" => "5",
							"MAX_LEVEL" => "1",
							"MENU_CACHE_GET_VARS" => array(""),
							"MENU_CACHE_TIME" => "3600",
							"MENU_CACHE_TYPE" => "A",
							"MENU_CACHE_USE_GROUPS" => "Y",
							"MENU_HEADER_LINK" => "/catalog/",
							"MENU_HEADER_TEXT" => "Каталог продукции",
							"NEIGHBORS_LEVEL" => "1",
							"ROOT_MENU_TYPE" => "catalogmobile",
							"SECOND_SHOW_ALL_COUNT" => "5",
							"SUB_MENU_SHOW_TYPE" => "M",
							"THIRD_SHOW_ALL_COUNT" => "5",
							"USE_EXT" => "Y",
							"WP_HTML_BLOCK" => "menu-aside",
							"WP_HTML_MOD" => "",
							"WP_SHOW_MENU_HEADER" => "N"
						)
					);?>
				</div>
			</div>
		</div>
		<div class="header-mobile__right">
		<?/*	<div class="header-mobile__call">
				<a href="#mobile-call" class="header-mobile__call-link" data-action="mobile-menu"><span class="header-mobile__call-icon"></span></a>
				<div class="header-mobile__call-holder" id="mobile-call">
					<div class="header-mobile__plate-item">
						<a href="tel:+7 800 30 00 600" class="header-mobile__phone">+7 800 30 00 600</a>
					</div>
					<div class="header-mobile__plate-item">
						<a href="#request-call" class="header-mobile__callback js-modal">Заказать звонок</a>
					</div>
				</div>
			</div>
			<div class="header-mobile__search">
				<a href="#mobile-search" class="header-mobile__search-button" data-action="mobile-menu"><span class="header-mobile__search-icon"></span></a>
				<div class="header-mobile__search-holder" id="mobile-search">
					<?$APPLICATION->IncludeComponent(
					    "bitrix:search.title",
					    "header",
					    Array(
					        "SHOW_INPUT" => "Y",
					        "NUM_CATEGORIES" => "1",
					        "TOP_COUNT" => "5",
					        "ORDER" => "date",
					        "USE_LANGUAGE_GUESS" => "Y",
					        "CHECK_DATES" => "N",
					        "SHOW_OTHERS" => "Y",
					        "CATEGORY_OTHERS_TITLE"=>'CATEGORY_OTHERS_TITLE!',
					        "PAGE" => "#SITE_DIR#search/",
					        "INPUT_ID" => "title-search-input",
					        "CONTAINER_ID" => "title-search",
					        "CATEGORY_0_TITLE" => "Каталог",
					        "CATEGORY_0" => array("iblock_catalog"),
					        "PRICE_CODE" => array("Розница"),
					        "PRICE_VAT_INCLUDE" => "N",
					        "PREVIEW_TRUNCATE_LEN" => "",
					        "SHOW_PREVIEW" => "Y",
					        "CONVERT_CURRENCY" => "Y",
					        "CURRENCY_ID" => "RUB",
					        "SEARCH_B2B_PAGE" => "/search-b2b/",
					        "WP_IS_B2B" => "N"
					    )
					);?>
				</div>
			</div>
			 $APPLICATION->IncludeComponent(
				"bitrix:sale.basket.basket.line",
				"mobile",
				array(
					"HIDE_ON_BASKET_PAGES" => "Y",
					"PATH_TO_BASKET" => SITE_DIR . "cart/",
					"SHOW_NUM_PRODUCTS" => "Y",
					"SHOW_TOTAL_PRICE" => "Y",
					"SHOW_EMPTY_VALUES" => "Y",
					"SHOW_PERSONAL_LINK" => "N",
					"PATH_TO_PERSONAL" => SITE_DIR . "personal/",
					"SHOW_AUTHOR" => "Y",
					"PATH_TO_REGISTER" => SITE_DIR . "personal/registration/",
					"PATH_TO_PROFILE" => SITE_DIR . "personal/",
					"SHOW_PRODUCTS" => "Y",
					"POSITION_FIXED" => "N",
					"SHOW_DELAY" => "N",
					"SHOW_NOTAVAIL" => "N",
					"SHOW_SUBSCRIBE" => "N",
					"SHOW_IMAGE" => "N",
					"SHOW_PRICE" => "Y",
					"SHOW_SUMMARY" => "Y",
					"PATH_TO_ORDER" => SITE_DIR . "cart/order/",
					"COMPONENT_TEMPLATE" => ".default",
					"WP_COLUMNS_LIST" => array(
						0 => "NAME",
						1 => "DISCOUNT",
						2 => "WEIGHT",
						3 => "PROPS",
						4 => "DELETE",
						5 => "PRICE",
						6 => "QUANTITY",
						7 => "SUM",
						8 => "PROPERTY_SIZE",
						9 => "PROPERTY_SEAZON",
						10 => "PROPERTY_HIT",
						11 => "PROPERTY_ACTION",
						12 => "PROPERTY_SUBNAME",
					),
				), false
			);

			<div class="header-mobile__menu">
				<a href="#mobile-menu" class="header-mobile__menu-button" data-action="mobile-menu"><span class="header-mobile__menu-icon"></span></a>
				<div class="header-mobile__menu-holder" id="mobile-menu">
					<div class="header-mobile__plate-section">
						<? $APPLICATION->IncludeComponent(
							"webprofy:auth.link", 
							".default", 
							array(
								"SHOW_REGISTER_LINK" => "N",
								"SHOW_LOGOUT_LINK" => "N",
								"USE_MODAL" => "N",
								"AUTHORIZE_PAGE_URL" => "/auth/",
								"PROFILE_PAGE_URL" => "/personal/",
								"REGISTER_PAGE_URL" => "/auth/?register=yes",
								"COMPONENT_TEMPLATE" => ".default",
								"SHOW_LOGIN_INSTEAD_NAME" => "N",
								"AUTHORIZE_LINK" => "/auth/",
								"MAX_NAME_LENGTH" => "25",
								"WP_HTML_MOD" => "is-inverted"
							),
							false
						); ?>
						<? if($USER->IsAuthorized()) { ?>
							<a href="<?= $APPLICATION->GetCurPageParam("logout=yes", array("logout", "region")) ?>" class="header-mobile__exit">Выйти</a>
						<? } ?>
					</div>
					<div class="header-mobile__plate-section">
						<?$APPLICATION->IncludeComponent(
							"bitrix:menu",
							"tree",
							Array(
								"ALLOW_MULTI_SELECT" => "N",
								"CHILD_MENU_TYPE" => "left",
								"COMPONENT_TEMPLATE" => "tree",
								"DELAY" => "N",
								"FIFTH_SHOW_ALL_COUNT" => "1",
								"FIRST_SHOW_ALL_COUNT" => "10",
								"FOURTH_SHOW_ALL_COUNT" => "1",
								"MAX_LEVEL" => "1",
								"MENU_CACHE_GET_VARS" => array(),
								"MENU_CACHE_TIME" => "3600",
								"MENU_CACHE_TYPE" => "A",
								"MENU_CACHE_USE_GROUPS" => "Y",
								"MENU_HEADER_LINK" => "",
								"MENU_HEADER_TEXT" => "",
								"NEIGHBORS_LEVEL" => "1",
								"ROOT_MENU_TYPE" => "top",
								"SECOND_SHOW_ALL_COUNT" => "1",
								"SUB_MENU_SHOW_TYPE" => "X",
								"THIRD_SHOW_ALL_COUNT" => "1",
								"USE_EXT" => "N",
								"WP_HTML_BLOCK" => "menu-tree",
								"WP_HTML_MOD" => ""
							)
						);?>
					</div>
					<div class="header-mobile__plate-section">
						<div class="header-mobile__plate-horlink">
							<? $APPLICATION->IncludeComponent(
								"webprofy:catalog.favorites.link",
								".default",
								Array(
									"SHOW_ELEMENT_COUNT" => "N",
									"FAVORITE_SECTION_URL" => "/personal/favorites/",
								)
							); ?>
						</div>
						<div class="header-mobile__plate-horlink">
							<a href="#feedback" class="js-modal pseudo-link">Написать нам</a>
						</div>
					</div>
				</div>
			</div>*/?>
		</div>
	</div>
	<div class="header-mobile__logo">
        <? if($APPLICATION->GetCurDir() == "/") { ?>
			<img src="<?= SITE_TEMPLATE_PATH ?>/img/logo.png" alt="Electrolux"/>
		<? } else { ?>
		<a href="/" class="header__logo" title="Вернуться на главную страницу"><img src="<?= SITE_TEMPLATE_PATH ?>/img/logo.png" alt="Electrolux"/></a>
		<? } ?>
	</div>
    <div class="header-mobile__search">
        <a href="#mobile-search" class="header-mobile__search-button" data-action="mobile-menu"><span class="header-mobile__search-icon"></span></a>
        <div class="header-mobile__search-holder" id="mobile-search">
			<?$APPLICATION->IncludeComponent(
				"bitrix:search.title",
				"header",
				Array(
					"SHOW_INPUT" => "Y",
					"NUM_CATEGORIES" => "1",
					"TOP_COUNT" => "5",
					"ORDER" => "date",
					"USE_LANGUAGE_GUESS" => "Y",
					"CHECK_DATES" => "N",
					"SHOW_OTHERS" => "Y",
					"CATEGORY_OTHERS_TITLE"=>'CATEGORY_OTHERS_TITLE!',
					"PAGE" => "#SITE_DIR#search/",
					"INPUT_ID" => "title-search-mobile-input",
					"CONTAINER_ID" => "title-search-mobile",
					"FORM_ID" => "header-mobile-search-form",
					"CATEGORY_0_TITLE" => "Каталог",
					"CATEGORY_0" => array("iblock_catalog"),
					"PRICE_CODE" => array("Розница"),
					"PRICE_VAT_INCLUDE" => "N",
					"PREVIEW_TRUNCATE_LEN" => "",
					"SHOW_PREVIEW" => "Y",
					"CONVERT_CURRENCY" => "Y",
					"CURRENCY_ID" => "RUB",
					"SEARCH_B2B_PAGE" => "/search-b2b/",
					"WP_IS_B2B" => "N",
					"WP_SHOW_RESULTS" => "N"
				)
			);?>
        </div>
    </div>
</header>