You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
431 lines
22 KiB
431 lines
22 KiB
<?php
|
|
|
|
|
|
use Bitrix\Main\Page\Asset;
|
|
|
|
?>
|
|
</main>
|
|
<?php if (!preg_match('#^/services(/|$)#', $_SERVER['REQUEST_URI'])): ?>
|
|
<section class="consultation container">
|
|
<h2 class="consultation__title">Нужна консультация?</h2>
|
|
<form action="#" class="consultation__form" onsubmit="handleConsultationForm(this); return false;"> <input type="hidden" name="consultation_form" value="Y">
|
|
<input type="text" class="input" name="name" placeholder="Ваше имя" required>
|
|
<input type="tel" class="input" name="phone" placeholder="Номер телефона" required>
|
|
<button class="button button--orange">Получить консультацию</button>
|
|
</form>
|
|
<div class="consultation__info">
|
|
Нажимая кнопку «Получить консультацию», вы соглашаетесь с <a href="#" class="consultation__info--link"><u>условиями
|
|
конфиденциальности</u></a>
|
|
</div>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<?php if (preg_match('#^/services(/|$)#', $_SERVER['REQUEST_URI'])): ?>
|
|
<section class="order-call container section">
|
|
<div class="order-call__wrap" style="background-image: url('<?=SITE_TEMPLATE_PATH?>/images/png/house.png')">
|
|
<form class="order-call__data" action="#" onsubmit="handleConsultationForm(this); return false;">
|
|
<input type="hidden" name="order_call_form" value="Y">
|
|
<h2 class="section-title">
|
|
Рассчитать септик <span class="orange-text">за 5 минут!</span>
|
|
</h2>
|
|
<p class="order-call__info">Наш менеджер свяжется с вами в ближайшее время</p>
|
|
<input type="text" class="input" name="name" placeholder="Ваше имя" required>
|
|
<input type="tel" class="input" name="phone" placeholder="Номер телефона" required>
|
|
<button class="button button--orange">Заказать звонок</button>
|
|
<p class="order-call__personal">
|
|
Нажимая кнопку «Заказать звонок», вы подтверждаете свое согласие на
|
|
обработку <a href="#">персональных данных</a>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<section class="tap-bar">
|
|
<div class="tap-bar__item">
|
|
<a class="tap-bar__link" href="/">
|
|
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2717_16834)">
|
|
<path
|
|
d="M21.5 11.25v9a.75.75 0 0 1-.75.75H15.5a.75.75 0 0 1-.75-.75v-4.875a.375.375 0 0 0-.375-.375h-3.75a.375.375 0 0 0-.375.375v4.875a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-9c0-.398.158-.78.44-1.06l7.5-7.5a1.5 1.5 0 0 1 2.12 0l7.5 7.5a1.5 1.5 0 0 1 .44 1.06Z"
|
|
fill="currentColor"
|
|
></path>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2717_16834"><path fill="#fff" d="M.5 0h24v24H.5z"></path></clipPath>
|
|
</defs>
|
|
</svg>
|
|
<span>Главная</span>
|
|
</a>
|
|
</div>
|
|
<div class="tap-bar__item">
|
|
<a class="tap-bar__link" href="#">
|
|
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2717_16839)">
|
|
<path
|
|
d="M24.35 9a6.75 6.75 0 0 1-9.463 6.188l-4.88 5.645a3 3 0 1 1-4.28-4.204c.013-.012.026-.025.04-.036l5.646-4.88a6.757 6.757 0 0 1 7.832-9.26.75.75 0 0 1 .368 1.236L16.1 7.5l.53 2.47 2.47.53 3.811-3.517a.75.75 0 0 1 1.237.368c.134.54.202 1.093.202 1.65Z"
|
|
fill="currentColor"
|
|
></path>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2717_16839"><path fill="#fff" d="M.6 0h24v24H.6z"></path></clipPath>
|
|
</defs>
|
|
</svg>
|
|
<span>Услуги</span>
|
|
</a>
|
|
</div>
|
|
<div class="tap-bar__item tap-bar__item--catalog">
|
|
<button class="tap-bar__link js-catalog" type="button">
|
|
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2717_16844)">
|
|
<path
|
|
d="M21.2 4.6v6a.403.403 0 0 1-.116.283.392.392 0 0 1-.279.117h-7.502V3.4c0-.106.041-.208.115-.283a.392.392 0 0 1 .28-.117h5.922c.42 0 .821.169 1.117.469.297.3.463.707.463 1.131ZM10.702 3H4.78c-.418 0-.82.169-1.116.469A1.61 1.61 0 0 0 3.2 4.6v6c0 .106.042.208.116.283a.392.392 0 0 0 .279.117h7.502V3.4a.403.403 0 0 0-.115-.283.392.392 0 0 0-.28-.117Zm10.103 10h-7.502v7.6c0 .106.041.208.115.283a.392.392 0 0 0 .28.117h5.922c.42 0 .821-.169 1.117-.469.297-.3.463-.707.463-1.131v-6a.403.403 0 0 0-.116-.283.392.392 0 0 0-.279-.117ZM3.2 13.4v6c0 .424.166.831.463 1.131.296.3.698.469 1.116.469h5.923a.392.392 0 0 0 .28-.117.402.402 0 0 0 .115-.283V13H3.595a.392.392 0 0 0-.28.117.403.403 0 0 0-.115.283Z"
|
|
fill="currentColor"
|
|
></path>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2717_16844"><path fill="#fff" d="M.2 0h24v24H.2z"></path></clipPath>
|
|
</defs>
|
|
</svg>
|
|
<span>Каталог</span>
|
|
</button>
|
|
</div>
|
|
<div class="tap-bar__item">
|
|
<a class="tap-bar__link" href="/cart/">
|
|
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2717_16849)">
|
|
<path
|
|
d="M18.456 16.938a2.194 2.194 0 0 0 2.103-1.603l-2.103 1.602Zm0 0H9.19a2.192 2.192 0 0 1-2.111-1.603L3.79 3.483l-.012-.046H2.05a.688.688 0 1 1 0-1.374H4.3a.688.688 0 0 1 .663.503l.888 3.2.013.046H22.3a.688.688 0 0 1 .663.872l-2.404 8.651-2.103 1.602ZM8.001 18.805a1.437 1.437 0 1 1 1.598 2.39A1.437 1.437 0 0 1 8 18.805Zm9.75 0a1.437 1.437 0 1 1 1.598 2.39 1.437 1.437 0 0 1-1.598-2.39Z"
|
|
fill="currentColor"
|
|
stroke="#939393"
|
|
stroke-width=".125"
|
|
></path>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2717_16849"><path fill="#fff" d="M.3 0h24v24H.3z"></path></clipPath>
|
|
</defs>
|
|
</svg>
|
|
<span>Корзина</span>
|
|
</a>
|
|
</div>
|
|
<div class="tap-bar__item tap-bar__item--tablet">
|
|
<a class="tap-bar__link" href="#">
|
|
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2717_16854)">
|
|
<path
|
|
d="M19.15 2.25H5.65a1.5 1.5 0 0 0-1.5 1.5v16.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V3.75a1.5 1.5 0 0 0-1.5-1.5Zm-10.5 16.5a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm1.5-5.25a.75.75 0 0 1-.75.75h-9a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 .75.75v3.75Z"
|
|
fill="currentColor"
|
|
></path>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2717_16854"><path fill="#fff" d="M.4 0h24v24H.4z"></path></clipPath>
|
|
</defs>
|
|
</svg>
|
|
<span>Расчет</span>
|
|
</a>
|
|
</div>
|
|
<div class="tap-bar__item tap-bar__item--menu">
|
|
<button class="tap-bar__link js-menu" type="button">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2717_16859)">
|
|
<path d="M14.625 12a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0ZM4.5 9.375a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Zm15 0a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Z" fill="currentColor"></path>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2717_16859"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath>
|
|
</defs>
|
|
</svg>
|
|
<span>Меню</span>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
<footer class="footer footer section">
|
|
<div class="container">
|
|
<div class="footer__top">
|
|
<?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
|
|
"ALLOW_MULTI_SELECT" => "N",
|
|
"CHILD_MENU_TYPE" => "",
|
|
"DELAY" => "N",
|
|
"MAX_LEVEL" => "1",
|
|
"MENU_CACHE_GET_VARS" => array(
|
|
0 => "",
|
|
),
|
|
"MENU_CACHE_TIME" => "3600",
|
|
"MENU_CACHE_TYPE" => "N",
|
|
"MENU_CACHE_USE_GROUPS" => "Y",
|
|
"ROOT_MENU_TYPE" => "services",
|
|
"MENU_TITLE" => 'Услуги',
|
|
"USE_EXT" => "N",
|
|
),
|
|
false
|
|
);?>
|
|
<?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
|
|
"ALLOW_MULTI_SELECT" => "N",
|
|
"CHILD_MENU_TYPE" => "",
|
|
"DELAY" => "N",
|
|
"MAX_LEVEL" => "1",
|
|
"MENU_CACHE_GET_VARS" => array(
|
|
0 => "",
|
|
),
|
|
"MENU_CACHE_TIME" => "3600",
|
|
"MENU_CACHE_TYPE" => "N",
|
|
"MENU_CACHE_USE_GROUPS" => "Y",
|
|
"ROOT_MENU_TYPE" => "useful",
|
|
"MENU_TITLE" => 'Полезная информация',
|
|
"USE_EXT" => "N",
|
|
),
|
|
false
|
|
);?>
|
|
<?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
|
|
"ALLOW_MULTI_SELECT" => "N",
|
|
"CHILD_MENU_TYPE" => "",
|
|
"DELAY" => "N",
|
|
"MAX_LEVEL" => "1",
|
|
"MENU_CACHE_GET_VARS" => array(
|
|
0 => "",
|
|
),
|
|
"MENU_CACHE_TIME" => "3600",
|
|
"MENU_CACHE_TYPE" => "N",
|
|
"MENU_CACHE_USE_GROUPS" => "Y",
|
|
"ROOT_MENU_TYPE" => "customers",
|
|
"MENU_TITLE" => 'Покупателям',
|
|
"USE_EXT" => "N",
|
|
),
|
|
false
|
|
);?>
|
|
<div class="footer-items">
|
|
<?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
|
|
"ALLOW_MULTI_SELECT" => "N",
|
|
"CHILD_MENU_TYPE" => "",
|
|
"DELAY" => "N",
|
|
"MAX_LEVEL" => "1",
|
|
"MENU_CACHE_GET_VARS" => array(
|
|
0 => "",
|
|
),
|
|
"MENU_CACHE_TIME" => "3600",
|
|
"MENU_CACHE_TYPE" => "N",
|
|
"MENU_CACHE_USE_GROUPS" => "Y",
|
|
"ROOT_MENU_TYPE" => "interesting",
|
|
"MENU_TITLE" => 'Интересное',
|
|
"USE_EXT" => "N",
|
|
),
|
|
false
|
|
);?>
|
|
<?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
|
|
"ALLOW_MULTI_SELECT" => "N",
|
|
"CHILD_MENU_TYPE" => "",
|
|
"DELAY" => "N",
|
|
"MAX_LEVEL" => "1",
|
|
"MENU_CACHE_GET_VARS" => array(
|
|
0 => "",
|
|
),
|
|
"MENU_CACHE_TIME" => "3600",
|
|
"MENU_CACHE_TYPE" => "N",
|
|
"MENU_CACHE_USE_GROUPS" => "Y",
|
|
"ROOT_MENU_TYPE" => "docs",
|
|
"MENU_TITLE" => 'Документация',
|
|
"USE_EXT" => "N",
|
|
),
|
|
false
|
|
);?>
|
|
</div>
|
|
</div>
|
|
<div class="footer__bottom">
|
|
<?$APPLICATION->IncludeComponent(
|
|
"bitrix:main.include",
|
|
"",
|
|
Array(
|
|
"AREA_FILE_SHOW" => "file",
|
|
"AREA_FILE_SUFFIX" => "",
|
|
"EDIT_TEMPLATE" => "",
|
|
"PATH" => "/include/footer_logo.php"
|
|
)
|
|
);?>
|
|
<div><iframe src="https://yandex.ru/sprav/widget/rating-badge/153624708058?type=rating" width="150" height="50" frameborder="0"></iframe></div>
|
|
<?$APPLICATION->IncludeComponent(
|
|
"bitrix:main.include",
|
|
"",
|
|
Array(
|
|
"AREA_FILE_SHOW" => "file",
|
|
"AREA_FILE_SUFFIX" => "",
|
|
"EDIT_TEMPLATE" => "",
|
|
"PATH" => "/include/footer_address.php"
|
|
)
|
|
);?>
|
|
<?$APPLICATION->IncludeComponent(
|
|
"bitrix:main.include",
|
|
"",
|
|
Array(
|
|
"AREA_FILE_SHOW" => "file",
|
|
"AREA_FILE_SUFFIX" => "",
|
|
"EDIT_TEMPLATE" => "",
|
|
"PATH" => "/include/footer_phone.php"
|
|
)
|
|
);?>
|
|
<?$APPLICATION->IncludeComponent(
|
|
"bitrix:main.include",
|
|
"",
|
|
Array(
|
|
"AREA_FILE_SHOW" => "file",
|
|
"AREA_FILE_SUFFIX" => "",
|
|
"EDIT_TEMPLATE" => "",
|
|
"PATH" => "/include/footer-requisite.php"
|
|
)
|
|
);?>
|
|
<?$APPLICATION->IncludeComponent(
|
|
"bitrix:main.include",
|
|
"",
|
|
Array(
|
|
"AREA_FILE_SHOW" => "file",
|
|
"AREA_FILE_SUFFIX" => "",
|
|
"EDIT_TEMPLATE" => "",
|
|
"PATH" => "/include/footer-social.php"
|
|
)
|
|
);?>
|
|
</div>
|
|
</div>
|
|
<div class="footer-widget-icons">
|
|
<button class="footer-widget-icon" id="footer-mail-btn" type="button" title="Почта">
|
|
<picture>
|
|
<source srcset="<?=SITE_TEMPLATE_PATH?>/images/svg/email_footer.svg" type="image/webp">
|
|
<img class="choose__content-icon" src="<?=SITE_TEMPLATE_PATH?>/images/svg/email_footer.svg" alt="Smile-icon">
|
|
</picture>
|
|
</button>
|
|
<a class="footer-widget-icon" href="tel:+79260084132" title="Позвонить">
|
|
<picture>
|
|
<source srcset="<?=SITE_TEMPLATE_PATH?>/images/svg/phone_footer.svg" type="image/webp">
|
|
<img class="choose__content-icon" src="<?=SITE_TEMPLATE_PATH?>/images/svg/phone_footer.svg" alt="Smile-icon">
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
<div class="footer-popup" id="footer-popup" style="display:none;">
|
|
<div class="footer-popup__content">
|
|
<button class="footer-popup__close" id="footer-popup-close" type="button">×</button>
|
|
<h2 class="footer-popup__title">Получить консультацию</h2>
|
|
<form class="footer-popup__form" action="#" onsubmit="handleConsultationForm(this); return false;">
|
|
<input type="hidden" name="footer_popup_form" value="Y">
|
|
<input type="text" class="input" name="name" placeholder="Имя" required>
|
|
<input type="tel" class="input" name="phone" placeholder="Номер телефона*" required>
|
|
<input type="email" class="input" name="email" placeholder="Почта">
|
|
<button class="button button--orange" type="submit">Отправить заявку</button>
|
|
<p class="footer-popup__personal">
|
|
Нажимая на кнопку «Оформить заказ», вы соглашаетесь с <a href="#" target="_blank">условиями конфиденциальности</a>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<div class="cookie-banner" id="cookie-banner">
|
|
<span>Продолжая просматривать страницы веб-сайта или нажав кнопку Принять, вы соглашаетесь с <a href="#" target="_blank">политикой конфиденциальности</a></span>
|
|
<button class="button button--orange" id="cookie-accept">Принять</button>
|
|
</div>
|
|
<script type="module" src="<?= DEFAULT_TEMPLATE_PATH . '/js/main.js' ?>"></script>
|
|
<?php
|
|
Asset::getInstance()->addJs(DEFAULT_TEMPLATE_PATH . '/js/libs/fancybox.umd.js');
|
|
Asset::getInstance()->addJs(DEFAULT_TEMPLATE_PATH . '/js/custom.js');
|
|
?>
|
|
<script>
|
|
// Открытие попапа
|
|
const mailBtn = document.getElementById('footer-mail-btn');
|
|
const popup = document.getElementById('footer-popup');
|
|
const popupClose = document.getElementById('footer-popup-close');
|
|
if (mailBtn && popup && popupClose) {
|
|
mailBtn.addEventListener('click', () => popup.style.display = 'flex');
|
|
popupClose.addEventListener('click', () => popup.style.display = 'none');
|
|
popup.addEventListener('click', (e) => { if (e.target === popup) popup.style.display = 'none'; });
|
|
}
|
|
|
|
const cookieBanner = document.getElementById('cookie-banner');
|
|
const cookieAccept = document.getElementById('cookie-accept');
|
|
if (cookieBanner && cookieAccept) {
|
|
if (localStorage.getItem('cookieAccepted')) {
|
|
cookieBanner.style.display = 'none';
|
|
}
|
|
cookieAccept.addEventListener('click', function() {
|
|
localStorage.setItem('cookieAccepted', '1');
|
|
cookieBanner.style.display = 'none';
|
|
});
|
|
}
|
|
document.querySelectorAll('[data-product]').forEach(function(button) {
|
|
button.addEventListener('click', function() {
|
|
document.querySelector('.cart-popup__wrapper').classList.remove('cart-popup__wrapper--hidden');
|
|
document.getElementById('fast_product').value = button.getAttribute('data-product');
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
<div class="cart-popup__wrapper cart-popup__wrapper--hidden">
|
|
<div class="cart-popup">
|
|
<button class="button cart-popup__close js-cart__popup-close">
|
|
<img src="<?= DEFAULT_TEMPLATE_PATH ?>/img/svg/cancel.svg" width="20" height="20" alt="close-icon">
|
|
</button>
|
|
<h2>
|
|
Оформление заказа
|
|
</h2>
|
|
<form id="cart-form" class="cart-popup__form">
|
|
<input type="hidden" name="fast_product" id="fast_product">
|
|
<label>
|
|
<input type="text" name="name" placeholder="" required>
|
|
<span class="cart-popup__input-label">Имя</span>
|
|
</label>
|
|
<label>
|
|
<input type="tel" name="phone" placeholder="" required>
|
|
<span class="cart-popup__input-label"> Номер телефона*</span>
|
|
</label>
|
|
<label>
|
|
<input type="email" name="email" placeholder="">
|
|
<span class="cart-popup__input-label">Почта</span>
|
|
</label>
|
|
<label class="cart-popup__select">
|
|
<span class="cart-popup__select-label">Способ получение заказа</span>
|
|
<select class="js-cart__order-select" name="delivery_method">
|
|
<option value="self-delivery">
|
|
Самовывоз
|
|
</option>
|
|
<option value="service-delivery">
|
|
Службой доставки
|
|
</option>
|
|
</select>
|
|
</label>
|
|
<label class="cart-popup__select cart-popup__self-delivery js-cart__self-delivery">
|
|
<span class="cart-popup__select-label">Адрес самовывоза</span>
|
|
<select name="pickup_address" disabled>
|
|
<option>
|
|
Московская область, г. Наро-Фоминск, ул. Московская улица, 3А
|
|
</option>
|
|
</select>
|
|
</label>
|
|
<label class="cart-popup__label-delivery cart-popup__label-delivery--hidden js-cart__service-delivery">
|
|
<input type="text" name="address" placeholder="">
|
|
<span class="cart-popup__input-label">Адрес доставки</span>
|
|
</label>
|
|
<label class="cart-popup__label-delivery cart-popup__label-delivery--hidden js-cart__service-delivery">
|
|
<input type="text" name="comment" placeholder="">
|
|
<span class="cart-popup__input-label">Комментарий</span>
|
|
</label>
|
|
<label class="cart-popup__select">
|
|
<span class="cart-popup__select-label">Способ оплаты</span>
|
|
<select name="payment_method">
|
|
<option value="cash">
|
|
Наличными при получении
|
|
</option>
|
|
<option value="card">
|
|
Картой при получении
|
|
</option>
|
|
</select>
|
|
</label>
|
|
<button type="submit" class="cart-popup__form-submit js-cart__popup-submit">
|
|
Оформить заказ
|
|
</button>
|
|
<p class="order-call__personal">
|
|
Нажимая кнопку «Заказать звонок», вы подтверждаете свое согласие на
|
|
обработку <a href="#">персональных данных
|
|
</a></p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|