Anton | добавил переходы для форм, хлебные крошки пофиксил и открытие попапа доработал на страницах услуг
parent
6bd834f5cd
commit
3fde5a87b7
@ -0,0 +1,74 @@ |
||||
<? |
||||
$aMenuLinks = Array( |
||||
Array( |
||||
"Условия доставки", |
||||
"/pokupatelyam/usloviya-dostavki/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Условия возврата", |
||||
"usloviya-vozvrata", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Способы оплаты", |
||||
"/pokupatelyam/sposoby-oplaty/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Как оформить заказ", |
||||
"/pokupatelyam/kak-oformit-zakaz/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Центр поддержки", |
||||
"/pokupatelyam/tsentr-podderzhki/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Гарантия", |
||||
"/pokupatelyam/garantiya/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Сертификаты", |
||||
"/pokupatelyam/sertifikaty/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Награды", |
||||
"/pokupatelyam/nagrady/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Отзывы", |
||||
"/pokupatelyam/otzyvy/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Партнеры", |
||||
"/pokupatelyam/partnery/", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
) |
||||
); |
||||
?> |
||||
@ -0,0 +1,32 @@ |
||||
<? |
||||
$aMenuLinks = Array( |
||||
Array( |
||||
"Договора", |
||||
"#", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Реквизиты", |
||||
"#", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Политика конфиденциальности", |
||||
"#", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
), |
||||
Array( |
||||
"Пользовательское соглашение", |
||||
"#", |
||||
Array(), |
||||
Array(), |
||||
"" |
||||
) |
||||
); |
||||
?> |
||||
@ -0,0 +1,6 @@ |
||||
<? |
||||
$sSectionName = "Скидка в день рождения"; |
||||
$arDirProperties = array( |
||||
|
||||
); |
||||
?> |
||||
@ -0,0 +1,38 @@ |
||||
<? |
||||
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
||||
$APPLICATION->SetTitle("Покупка Септика в День Рождения"); |
||||
?> |
||||
<?$APPLICATION->IncludeComponent("bitrix:breadcrumb", "breadcrumbs", Array( |
||||
"PATH" => "", |
||||
"SITE_ID" => "s1", |
||||
"START_FROM" => "0", |
||||
), |
||||
false |
||||
);?> |
||||
<section class="text-section section container"> |
||||
<h1 class="text-section__title">День рождения это особенная дата для каждого человека и в этот день <span class="green-text">любой хочет чувствовать себя особенным и получать подарки</span> </h1> |
||||
<p class="text-section__text"> |
||||
Покупка септика в день рождения со скидкой, всегда приятно! Мы решили не оставаться в стороне и тоже хотим сделать Вам приятно. |
||||
</p> |
||||
</section> <section class="stock-card section container"> |
||||
<div class="stock-card-block"> |
||||
<div class="info-block stock-card-text"> |
||||
<div class="info-block__wrapper"> |
||||
<div class="info-block__icon"> |
||||
<img width="26" alt="Иконка ограниченного времени" src="/local/templates/EraSeptik/images/svg/fun.svg" height="26"> |
||||
</div> |
||||
<div class="info-block__content"> |
||||
<p class="info-block__text"> |
||||
Акция действует <b>в день рождения и за 2 дня до него</b> |
||||
</p> |
||||
<p class="info-block__text"> |
||||
На всю линейку для вас будет действовать дополнительная скидка, которую вы можете уточнить по телефону у наших менеджеров |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="promotion__image stock-card-image"> |
||||
<img alt="Септик и подарок на день рождения" src="/local/templates/EraSeptik/images/png/frameseptic&present.png" div=""> |
||||
</div> |
||||
</div> |
||||
</section><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
||||
@ -0,0 +1,6 @@ |
||||
<? |
||||
$sSectionName = "Специальное предложение"; |
||||
$arDirProperties = array( |
||||
|
||||
); |
||||
?> |
||||
@ -0,0 +1,40 @@ |
||||
<? |
||||
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
||||
$APPLICATION->SetPageProperty("title", "Скидки на септики Эра | Специальные предложения на септики"); |
||||
$APPLICATION->SetPageProperty("description", "Успей купить по акции септики • Специальные предложения по выгодной цене от компании Септик Эра."); |
||||
$APPLICATION->SetTitle("Сепециальное предложение"); |
||||
?> |
||||
<?$APPLICATION->IncludeComponent("bitrix:breadcrumb", "breadcrumbs", Array( |
||||
"PATH" => "", |
||||
"SITE_ID" => "s1", |
||||
"START_FROM" => "0", |
||||
), |
||||
false |
||||
);?> |
||||
<section class="text-section section container"> |
||||
<h1 class="text-section__title">Специальные предложения на отдельные товары. </h1> |
||||
<p class="text-section__text"> |
||||
ТЕКС ТЕКСТ |
||||
</p> |
||||
</section> <section class="stock-card section container"> |
||||
<div class="stock-card-block"> |
||||
<div class="info-block stock-card-text"> |
||||
<div class="info-block__wrapper"> |
||||
<div class="info-block__icon"> |
||||
<img width="26" alt="Иконка ограниченного времени" src="/local/templates/EraSeptik/images/svg/fun.svg" height="26"> |
||||
</div> |
||||
<div class="info-block__content"> |
||||
<p class="info-block__text"> |
||||
ТЕКСТ |
||||
</p> |
||||
<p class="info-block__text"> |
||||
ТЕКСТ ТЕКС |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="promotion__image stock-card-image"> |
||||
<img width="545" alt="Септик и подарок на день рождения" src="/local/templates/EraSeptik/images/png/framegreen_septic.png" height="234" div=""> |
||||
</div> |
||||
</div> |
||||
</section> <?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
||||
|
After Width: | Height: | Size: 482 KiB |
@ -1,22 +1,21 @@ |
||||
<? |
||||
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
||||
$APPLICATION->SetPageProperty("title", "Покупателям: полезная информация, советы и ответы на вопросы"); |
||||
$APPLICATION->SetPageProperty("description", "На странице для покупателей вы найдете всю необходимую информацию: от выбора продукции до условий доставки и оплаты. Мы заботимся о вашем комфорте и готовы ответить на все вопросы."); |
||||
$APPLICATION->SetTitle("Покупателям"); |
||||
?><section class="text-section section container"> |
||||
$APPLICATION->SetTitle("О компании"); |
||||
?> |
||||
<?$APPLICATION->IncludeComponent("bitrix:breadcrumb", "breadcrumbs", Array( |
||||
"PATH" => "", |
||||
"SITE_ID" => "s1", |
||||
"START_FROM" => "0", |
||||
), |
||||
false |
||||
);?> |
||||
|
||||
<section class="text-section section container"> |
||||
<h1 class="text-section__title"> |
||||
Мы собрали <span class="green-text">важную информацию</span>, где вы сможете узнать как оформить заказ, найти шаблон договора и посмотреть сертификаты и награды нашей компании </h1> |
||||
<p class="text-section__text"> |
||||
Для получения дополнительной информации звоните по телефону <a href="tel:84956699924">8 (495) 669-99-24</a> |
||||
</p> |
||||
</section> <section class="customers section container"> <a href="/pokupatelyam/kak-oformit-zakaz/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Как оформить заказ </a> <a href="/pokupatelyam/tsentr-podderzhki/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/support-center.svg" alt="" class="customers__image"> Центр поддержки </a> <a href="/dokumentatsiya/dogovora//" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/treaties.svg" alt="" class="customers__image"> Договора </a> <a href="/pokupatelyam/yuridicheskie-dannye" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/legal-data.svg" alt="" class="customers__image"> Юридические данные </a> <a href="/pokupatelyam/sertifikaty/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/certificates.svg" alt="" class="customers__image"> Сертификаты </a> <a href="/pokupatelyam/nagrady/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/awards.svg" alt="" class="customers__image"> Награды </a> <a href="/pokupatelyam/otzyvy/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Отзывы</a><a href="/pokupatelyam/garantiya/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Гарантия</a><a href="/pokupatelyam/usloviya-dostavki/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Условия доставки </a><a href="/pokupatelyam/partnery/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/partners.svg" alt="" class="customers__image"> Партнеры </a><a href="/pokupatelyam/sposoby-oplaty/" class="customers__item"> <img src="/local/templates/EraSeptik/images/svg/treaties.svg" alt="" class="customers__image"> Способы оплаты </a><a href="/pokupatelyam/usloviya-vozvrata/" class="customers__item"> <img src="/local/templates/EraSeptik/images/svg/how-place-order.svg" alt="" class="customers__image"> Условия возврата </a> </section><?$APPLICATION->IncludeComponent( |
||||
"bitrix:main.include", |
||||
".default", |
||||
Array( |
||||
"AREA_FILE_RECURSIVE" => "Y", |
||||
"AREA_FILE_SHOW" => "file", |
||||
"COMPONENT_TEMPLATE" => ".default", |
||||
"EDIT_TEMPLATE" => "standard.php", |
||||
"PATH" => "/local/include/consultation.php" |
||||
) |
||||
);?><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
||||
</section> <section class="customers section container"> <a href="/pokupatelyam/kak-oformit-zakaz/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Как оформить заказ </a> <a href="/pokupatelyam/tsentr-podderzhki/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/support-center.svg" alt="" class="customers__image"> Центр поддержки </a> <a href="/dokumentatsiya/dogovora//" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/treaties.svg" alt="" class="customers__image"> Договора </a> <a href="/pokupatelyam/yuridicheskie-dannye" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/legal-data.svg" alt="" class="customers__image"> Юридические данные </a> <a href="/pokupatelyam/sertifikaty/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/certificates.svg" alt="" class="customers__image"> Сертификаты </a> <a href="/pokupatelyam/nagrady/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/awards.svg" alt="" class="customers__image"> Награды </a> <a href="/pokupatelyam/otzyvy/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Отзывы</a><a href="/pokupatelyam/garantiya/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Гарантия</a><a href="/pokupatelyam/usloviya-dostavki/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/how-place-order.svg" alt="" class="customers__image"> Условия доставки </a><a href="/pokupatelyam/partnery/" class="customers__item"> <img src="<?php echo SITE_TEMPLATE_PATH; ?>/images/svg/partners.svg" alt="" class="customers__image"> Партнеры </a><a href="/pokupatelyam/sposoby-oplaty/" class="customers__item"> <img src="/local/templates/EraSeptik/images/svg/treaties.svg" alt="" class="customers__image"> Способы оплаты </a><a href="/pokupatelyam/usloviya-vozvrata/" class="customers__item"> <img src="/local/templates/EraSeptik/images/svg/how-place-order.svg" alt="" class="customers__image"> Условия возврата </a> </section>
|
||||
|
||||
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
||||
@ -1,232 +1,16 @@ |
||||
<? |
||||
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
||||
$APPLICATION->SetPageProperty("description", "Онлайн-калькулятор септика – рассчитайте объем и стоимость автономной канализации за 2 минуты! Учет количества жильцов, типа грунта и водопотребления. Подбор моделей, сравнение цен и рекомендации по монтажу"); |
||||
$APPLICATION->SetPageProperty("title", "Рассчитать септик онлайн • Калькулятор расчета Септиков Эра"); |
||||
$APPLICATION->SetTitle("Расчет септика"); |
||||
?><section class="calc section-inner container"> |
||||
<h1 class="calc__title">Рассчитать септик онлайн</h1> |
||||
<form action="#"> |
||||
<div class="calc__form"> |
||||
<div class="calc__form-top"> |
||||
<div class="select"> |
||||
<div class="select__name"> |
||||
Почва |
||||
</div> |
||||
<select name="soil" id="soil" class="js-calc-field"> |
||||
<option value="">Выберите тип почвы</option> |
||||
<option value="att_pochva-is-glin">Глинистая</option> |
||||
<option value="att_pochva-is-pesch">Песчаная</option> |
||||
<option value="att_pochva-is-ilist">Илистая</option> |
||||
<option value="att_pochva-is-kamen">Каменистая</option> |
||||
<option value="att_pochva-is-chernoz">Чернозем</option> |
||||
</select> |
||||
</div> |
||||
<div class="select"> |
||||
<div class="select__name"> |
||||
Количество людей |
||||
</div> |
||||
<select name="people" id="people" class="js-calc-field"> |
||||
<option value="">Выберите количество человек</option> |
||||
<option value="chel-is-users_1">1</option> |
||||
<option value="chel-is-users_3">3</option> |
||||
<option value="chel-is-users_4">4</option> |
||||
<option value="chel-is-users_5">5</option> |
||||
<option value="chel-is-users_6">6-8</option> |
||||
<option value="chel-is-users_8">8-10</option> |
||||
<option value="chel-is-users_15-or-users_20">15-20</option> |
||||
<option value="chel-is-users_20">20</option> |
||||
</select> |
||||
</div> |
||||
<div class="select"> |
||||
<div class="select__name"> |
||||
Проживание |
||||
</div> |
||||
<select name="living" id="living" class="js-calc-field"> |
||||
<option value="">Выберите тип проживания</option> |
||||
<option value="att_projivanie-is-living_seasoned">Сезонное проживание</option> |
||||
<option value="att_projivanie-is-living_ever">Круглогодичное проживание</option> |
||||
<option value="att_projivanie-is-living_notever">Непостоянное проживание</option> |
||||
</select> |
||||
</div> |
||||
<div class="select"> |
||||
<div class="select__name"> |
||||
Глубина залегания труб |
||||
</div> |
||||
<select name="ground_water" id="ground_water" class="js-calc-field"> |
||||
<option value="">Выберите глубину залегания трубы</option> |
||||
<option value="top">До 40 см</option> |
||||
<option value="middle">От 40 до 60 см</option> |
||||
<option value="top">От 60 до 90 см</option> |
||||
<option value="middle">От 90 до 130 см</option> |
||||
<option value="top">От 130 до 150 см</option> |
||||
<option value="middle">Для подвалов</option> |
||||
<option value="middle">Для высоких грунтовых вод</option> |
||||
</select> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="calc__form"> |
||||
<h2 class="calc__form-title">Залповый сброс</h2> |
||||
<div class="calc__form-bottom"> |
||||
<div class="calc__form-groups"> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="bath" id="calc_bath" checked=""> <label class="switcher" for="calc-bath">Ванна, 200л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="bath" value="1" id="bath-1" checked=""> <label class="radio" for="bath-1">1</label> <input class="visually-hidden" type="radio" name="bath" value="2" id="bath-2"> <label class="radio" for="bath-2">2</label> <input class="visually-hidden" type="radio" name="bath" value="3" id="bath-3"> <label class="radio" for="bath-3">3</label> |
||||
</div> |
||||
</div> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="toilet" id="calc_toilet" checked=""> <label class="switcher" for="calc-toilet">Унитаз, 10л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="toilet" value="1" id="toilet-1" checked=""> <label class="radio" for="toilet-1">1</label> <input class="visually-hidden" type="radio" name="toilet" value="2" id="toilet-2"> <label class="radio" for="toilet-2">2</label> <input class="visually-hidden" type="radio" name="toilet" value="3" id="toilet-3"> <label class="radio" for="toilet-3">3</label> |
||||
</div> |
||||
</div> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="sink" id="calc_sink" checked=""> <label class="switcher" for="calc-sink">Раковина, 20л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="sink" value="1" id="sink-1" checked=""> <label class="radio" for="sink-1">1</label> <input class="visually-hidden" type="radio" name="sink" value="2" id="sink-2"> <label class="radio" for="sink-2">2</label> <input class="visually-hidden" type="radio" name="sink" value="3" id="sink-3"> <label class="radio" for="sink-3">3</label> |
||||
</div> |
||||
</div> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="shower" id="calc_shower"> <label class="switcher" for="calc-shower">Душ, 50л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="shower" value="1" id="shower-1" checked=""> <label class="radio" for="shower-1">1</label> <input class="visually-hidden" type="radio" name="shower" value="2" id="shower-2"> <label class="radio" for="shower-2">2</label> <input class="visually-hidden" type="radio" name="shower" value="3" id="shower-3"> <label class="radio" for="shower-3">3</label> |
||||
</div> |
||||
</div> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="bidet" id="calc_bidet"> <label class="switcher" for="calc-bidet">Биде, 10л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="bidet" value="1" id="bidet-1" checked=""> <label class="radio" for="bidet-1">1</label> <input class="visually-hidden" type="radio" name="bidet" value="2" id="bidet-2"> <label class="radio" for="bidet-2">2</label> <input class="visually-hidden" type="radio" name="bidet" value="3" id="bidet-3"> <label class="radio" for="bidet-3">3</label> |
||||
</div> |
||||
</div> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="jacuzzi" id="calc_jacuzzi"> <label class="switcher" for="calc-jacuzzi">Джакузи, 400л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="jacuzzi" value="1" id="jacuzzi-1" checked=""> <label class="radio" for="jacuzzi-1">1</label> <input class="visually-hidden" type="radio" name="jacuzzi" value="2" id="jacuzzi-2"> <label class="radio" for="jacuzzi-2">2</label> <input class="visually-hidden" type="radio" name="jacuzzi" value="3" id="jacuzzi-3"> <label class="radio" for="jacuzzi-3">3</label> |
||||
</div> |
||||
</div> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="washer" id="calc_washer"> <label class="switcher" for="calc-washer">Стиральная машина, 50л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="washer" value="1" id="washer-1" checked=""> <label class="radio" for="washer-1">1</label> <input class="visually-hidden" type="radio" name="washer" value="2" id="washer-2"> <label class="radio" for="washer-2">2</label> <input class="visually-hidden" type="radio" name="washer" value="3" id="washer-3"> <label class="radio" for="washer-3">3</label> |
||||
</div> |
||||
</div> |
||||
<div class="calc__group"> |
||||
<div class="calc__switcher"> |
||||
<input class="visually-hidden" type="checkbox" name="dishwasher" id="calc_dishwasher"> <label class="switcher" for="calc-dishwasher">Посудомойка, 50л</label> |
||||
</div> |
||||
<div class="calc__radios"> |
||||
<input class="visually-hidden" type="radio" name="dishwasher" value="1" id="dishwasher-1" checked=""> <label class="radio" for="dishwasher-1">1</label> <input class="visually-hidden" type="radio" name="dishwasher" value="2" id="dishwasher-2"> <label class="radio" for="dishwasher-2">2</label> <input class="visually-hidden" type="radio" name="dishwasher" value="3" id="dishwasher-3"> <label class="radio" for="dishwasher-3">3</label> |
||||
</div> |
||||
</div> |
||||
<a href="#" class="button button--orange" type="button" onclick="return calculate()">Расcчитать</a> |
||||
</div> |
||||
<div class="calc__sum"> |
||||
<h3 class="calc__sum-title">Примерная стоимость монтажа</h3> |
||||
<div class="calc__sum-price"> |
||||
30 000 ₽ - 37 000 ₽ |
||||
</div> |
||||
<div class="calc__sum-desc"> |
||||
Точную цену можно узнать после консультации |
||||
</div> |
||||
<button class="button button--orange" type="button">Заказать монтаж</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
<br> |
||||
<br> |
||||
</section> |
||||
<script> |
||||
function getV(id){ |
||||
return document.getElementById(id); |
||||
} |
||||
?> |
||||
|
||||
var calcData = { |
||||
soil: getV('soil'), |
||||
people: getV('people'), |
||||
using: getV('using'), |
||||
depth: getV('depth'), |
||||
calc_bath: getV('calc_bath'), |
||||
calc_toilet: getV('calc_toilet'), |
||||
calc_sink: getV('calc_sink'), |
||||
calc_shower: getV('calc_shower'), |
||||
calc_bidet: getV('calc_bidet'), |
||||
calc_jacuzzi: getV('calc_jacuzzi'), |
||||
calc_washer: getV('calc_washer'), |
||||
calc_dishwasher: getV('calc_dishwasher') |
||||
}; |
||||
function calculate() { |
||||
calcData.ground_water.value = calcData.ground_water.checked ? 'att_grunt_water-is-g_water' : ''; |
||||
console.dir(calcData); |
||||
} |
||||
|
||||
</script> |
||||
<script> |
||||
const septics = { |
||||
"septik 1": { |
||||
"emkost": "2-4 человека", |
||||
"material": "песок", |
||||
"deep": "90 см" |
||||
}, |
||||
"septik 2": { |
||||
"emkost": "3-4 человека", |
||||
"material": "грунт", |
||||
"deep": "50 см" |
||||
} |
||||
}; |
||||
|
||||
// Функция для проверки подходящего септика |
||||
function checkSeptic() { |
||||
// Получаем выбранные значения |
||||
const selectedEmkost = document.getElementById('emkost').value; |
||||
const selectedMaterial = document.getElementById('material').value; |
||||
const selectedDeep = document.getElementById('deep').value; |
||||
|
||||
// Ищем подходящий септик |
||||
let foundSeptic = null; |
||||
for (const [name, details] of Object.entries(septics)) { |
||||
if (details.emkost === selectedEmkost && details.material === selectedMaterial && details.deep === selectedDeep) { |
||||
foundSeptic = name; |
||||
break; |
||||
} |
||||
} |
||||
|
||||
// Отображаем результат |
||||
const resultElement = document.getElementById('result'); |
||||
if (foundSeptic) { |
||||
resultElement.textContent = `Подходящий септик: ${foundSeptic}`; |
||||
} else { |
||||
resultElement.textContent = 'Подходящий септик не найден.'; |
||||
} |
||||
} |
||||
|
||||
// Добавляем обработчики событий для каждого select |
||||
document.getElementById('emkost').addEventListener('change', checkSeptic); |
||||
document.getElementById('material').addEventListener('change', checkSeptic); |
||||
document.getElementById('deep').addEventListener('change', checkSeptic); |
||||
</script> |
||||
<?$APPLICATION->IncludeComponent( |
||||
"bitrix:main.include", |
||||
"era:calculator", |
||||
"", |
||||
Array( |
||||
"AREA_FILE_RECURSIVE" => "Y", |
||||
"AREA_FILE_SHOW" => "file", |
||||
"EDIT_TEMPLATE" => "", |
||||
"PATH" => "/local/include/consultation.php" |
||||
"IBLOCK_ID" => "4", // ID инфоблока с товарами |
||||
"CACHE_TYPE" => "A", |
||||
"CACHE_TIME" => "3600" |
||||
) |
||||
);?><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
||||
);?> |
||||
|
||||
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
|
||||
Loading…
Reference in new issue