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(), |
||||||
|
"" |
||||||
|
) |
||||||
|
); |
||||||
|
?> |
||||||
@ -1,116 +1,111 @@ |
|||||||
<? |
<? |
||||||
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php"); |
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
||||||
$APPLICATION->SetTitle("О компании"); |
$APPLICATION->SetTitle("О компании"); |
||||||
?> |
?> |
||||||
<? $APPLICATION->IncludeComponent( |
<?$APPLICATION->IncludeComponent("bitrix:breadcrumb", "breadcrumbs", Array( |
||||||
"bitrix:breadcrumb", |
|
||||||
"breadcrumbs", |
|
||||||
array( |
|
||||||
"PATH" => "", |
"PATH" => "", |
||||||
"SITE_ID" => "s1", |
"SITE_ID" => "s1", |
||||||
"START_FROM" => "0", |
"START_FROM" => "0", |
||||||
), |
), |
||||||
false |
false |
||||||
); ?> |
);?> |
||||||
|
|
||||||
<section class="text-section section container"> |
<section class="text-section section container"> |
||||||
<h1 class="text-section__title"> |
<h1 class="text-section__title"> |
||||||
Компания <span class="orange-text">Эра</span><span class="green-text">Септик</span> более 10 лет оказывает услуги по производству и установке септиков для загородных домов и дач </h1> |
Компания <span class="orange-text">Эра</span><span class="green-text">Септик</span> более 10 лет оказывает услуги по производству и установке септиков для загородных домов и дач </h1> |
||||||
<p class="text-section__text"> |
<p class="text-section__text"> |
||||||
За это время накоплен колоссальный опыт, который помогает создавать качественные, надежные и доступные по цене изделия |
За это время накоплен колоссальный опыт, который помогает создавать качественные, надежные и доступные по цене изделия |
||||||
</p> |
</p> |
||||||
</section> |
</section> <section class="about-texts section container"> |
||||||
<section class="about-texts section container"> |
<div class="about-texts__item about-texts__item--big"> |
||||||
<div class="about-texts__item about-texts__item--big"> |
<p class="about-texts__title about-texts__title--white"> |
||||||
<p class="about-texts__title about-texts__title--white"> |
Большое внимание на производстве уделяется <u>контролю качества продукции</u>, что обеспечивает длительный срок ее эксплуатации и минимизирует расходы клиента на сервисное обслуживание. |
||||||
Большое внимание на производстве уделяется <u>контролю качества продукции</u>, что обеспечивает длительный срок ее эксплуатации и минимизирует расходы клиента на сервисное обслуживание. |
</p> |
||||||
</p> |
<p class="about-texts__title about-texts__title--white"> |
||||||
<p class="about-texts__title about-texts__title--white"> |
Мы производим: |
||||||
Мы производим: |
</p> |
||||||
</p> |
</div> |
||||||
</div> |
<div class="about-texts__item"> |
||||||
<div class="about-texts__item"> |
<h2 class="about-texts__title"> |
||||||
<h2 class="about-texts__title"> |
01 </h2> |
||||||
01 </h2> |
<p class="about-texts__text"> |
||||||
<p class="about-texts__text"> |
<b>Очистные сооружения</b> для переработки хозяйственно-бытовых сточных вод |
||||||
<b>Очистные сооружения</b> для переработки хозяйственно-бытовых сточных вод |
</p> |
||||||
</p> |
</div> |
||||||
</div> |
<div class="about-texts__item"> |
||||||
<div class="about-texts__item"> |
<h2 class="about-texts__title"> |
||||||
<h2 class="about-texts__title"> |
02 </h2> |
||||||
02 </h2> |
<p class="about-texts__text"> |
||||||
<p class="about-texts__text"> |
Большую линейку <b>автономных канализаций</b> |
||||||
Большую линейку <b>автономных канализаций</b> |
</p> |
||||||
</p> |
</div> |
||||||
</div> |
<div class="about-texts__item"> |
||||||
<div class="about-texts__item"> |
<h2 class="about-texts__title"> |
||||||
<h2 class="about-texts__title"> |
03 </h2> |
||||||
03 </h2> |
<p class="about-texts__text"> |
||||||
<p class="about-texts__text"> |
<b>Персональные станции</b>, спроектированные для дачных поселков |
||||||
<b>Персональные станции</b>, спроектированные для дачных поселков |
</p> |
||||||
</p> |
</div> |
||||||
</div> |
<div class="about-texts__item"> |
||||||
<div class="about-texts__item"> |
<h2 class="about-texts__title"> |
||||||
<h2 class="about-texts__title"> |
04 </h2> |
||||||
04 </h2> |
<p class="about-texts__text"> |
||||||
<p class="about-texts__text"> |
<b>Комплексы по утилизации</b> стоков промышленных объектов (автозаправочные станции, кафе, санатории) |
||||||
<b>Комплексы по утилизации</b> стоков промышленных объектов (автозаправочные станции, кафе, санатории) |
</p> |
||||||
</p> |
</div> |
||||||
</div> |
</section> |
||||||
</section> |
<section class="about-company about-company-video container"> |
||||||
<section class="about-company about-company-video container"> |
<a class="about-company__video" style="background-image: url('/local/templates/.default/img/png/about-video.png');" data-fancybox="video" href="https://eraseptik.ru/wp-content/uploads/2024/01/avtonomnaya-kanalizacziya-_novaya-era_.mp4"> |
||||||
<a class="about-company__video" style="background-image: url('/local/templates/.default/img/png/about-video.png');" data-fancybox="video" href="https://eraseptik.ru/wp-content/uploads/2024/01/avtonomnaya-kanalizacziya-_novaya-era_.mp4"> |
<button class="about-company__btn button-video"> <img alt="video-play" src="/local/templates/.default/img/svg/video-play.svg"> </button> |
||||||
<button class="about-company__btn button-video"> <img alt="video-play" src="/local/templates/.default/img/svg/video-play.svg"> </button> |
</a> |
||||||
</a> |
</section> <section class="about-requisites section container"> |
||||||
</section> |
<div class="about-requisites__item about-requisites__item--orange about-requisites__item--small hover-scale"> |
||||||
<section class="about-requisites section container"> |
<p class="about-requisites__text about-requisites__text--white"> |
||||||
<div class="about-requisites__item about-requisites__item--orange about-requisites__item--small hover-scale"> |
Для нас важно, чтобы наши покупатели были довольны! Поэтому, мы сопровождаем клиента на всех этапах покупки: от момента подачи заявки на нашем сайте до <u><a href="/interesnoe/portfolio-proektov/">установки самой станции</a></u> и далее в течение всего срока ее службы. Благодаря этому, каждый заказчик готов рекомендовать нашу компанию своим друзьям, знакомым и соседям. |
||||||
<p class="about-requisites__text about-requisites__text--white"> |
</p> |
||||||
Для нас важно, чтобы наши покупатели были довольны! Поэтому, мы сопровождаем клиента на всех этапах покупки: от момента подачи заявки на нашем сайте до <u><a href="/interesnoe/portfolio-proektov/">установки самой станции</a></u> и далее в течение всего срока ее службы. Благодаря этому, каждый заказчик готов рекомендовать нашу компанию своим друзьям, знакомым и соседям. |
</div> |
||||||
</p> |
<div class="about-requisites__item about-requisites__item--second hover-scale"> |
||||||
</div> |
<p class="about-requisites__text"> |
||||||
<div class="about-requisites__item about-requisites__item--second hover-scale"> |
Мы ценим своих клиентов и готовы предложить лучшие <u><a class="orange-text" href="/septiki/septiki-dlya-chastnogo-doma/">септики для частных домов</a></u>! |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
Мы ценим своих клиентов и готовы предложить лучшие <u><a class="orange-text" href="/septiki/septiki-dlya-chastnogo-doma/">септики для частных домов</a></u>! |
<p class="about-requisites__text"> |
||||||
</p> |
Если вы находитесь в поиске канализации для своего строения звоните нам, мы проконсультируем Вас по всем возникшим вопросам! |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
Если вы находитесь в поиске канализации для своего строения звоните нам, мы проконсультируем Вас по всем возникшим вопросам! |
<p class="about-requisites__text"> |
||||||
</p> |
<span class="orange-text">Эра</span><span class="green-text">Септик</span> – <u>проверенное качество</u> по доступной <u><a class="orange-text" href="/tseny/">цене</a></u>! |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
<span class="orange-text">Эра</span><span class="green-text">Септик</span> – <u>проверенное качество</u> по доступной <u><a class="orange-text" href="/tseny/">цене</a></u>! |
</div> |
||||||
</p> |
<div class="about-requisites__item about-requisites__item--small about-requisites__item--details hover-scale"> |
||||||
</div> |
<h2 class="about-requisites__title"> |
||||||
<div class="about-requisites__item about-requisites__item--small about-requisites__item--details hover-scale"> |
Банковские реквизиты </h2> |
||||||
<h2 class="about-requisites__title"> |
<p class="about-requisites__text"> |
||||||
Банковские реквизиты </h2> |
ПАО Сбербанк г.Москва |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
ПАО Сбербанк г.Москва |
<p class="about-requisites__text"> |
||||||
</p> |
БИК 044525225 |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
БИК 044525225 |
<p class="about-requisites__text"> |
||||||
</p> |
Р/счет 40702810240000092516 |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
Р/счет 40702810240000092516 |
<p class="about-requisites__text"> |
||||||
</p> |
Кор/счет 30101810400000000225 |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
Кор/счет 30101810400000000225 |
</div> |
||||||
</p> |
<div class="about-requisites__item about-requisites__item--details hover-scale"> |
||||||
</div> |
<h2 class="about-requisites__title"> |
||||||
<div class="about-requisites__item about-requisites__item--details hover-scale"> |
Юридические данные </h2> |
||||||
<h2 class="about-requisites__title"> |
<p class="about-requisites__text"> |
||||||
Юридические данные </h2> |
ОГРН 1165030050602 |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
ОГРН 1165030050602 |
<p class="about-requisites__text"> |
||||||
</p> |
ИНН 5030088192 |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
ИНН 5030088192 |
<p class="about-requisites__text"> |
||||||
</p> |
КПП 503001001 |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
КПП 503001001 |
<p class="about-requisites__text"> |
||||||
</p> |
Юр. адрес: 143301, Московская область, г.Наро-Фоминск, ул.Шибанкова, д.48, кв.42. |
||||||
<p class="about-requisites__text"> |
</p> |
||||||
Юр. адрес: 143301, Московская область, г.Наро-Фоминск, ул.Шибанкова, д.48, кв.42. |
</div> |
||||||
</p> |
</section> |
||||||
</div> |
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
||||||
</section> |
|
||||||
<? require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/footer.php"); ?> |
|
||||||
@ -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"); |
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
||||||
$APPLICATION->SetPageProperty("title", "Покупателям: полезная информация, советы и ответы на вопросы"); |
$APPLICATION->SetTitle("О компании"); |
||||||
$APPLICATION->SetPageProperty("description", "На странице для покупателей вы найдете всю необходимую информацию: от выбора продукции до условий доставки и оплаты. Мы заботимся о вашем комфорте и готовы ответить на все вопросы."); |
?> |
||||||
$APPLICATION->SetTitle("Покупателям"); |
<?$APPLICATION->IncludeComponent("bitrix:breadcrumb", "breadcrumbs", Array( |
||||||
?><section class="text-section section container"> |
"PATH" => "", |
||||||
|
"SITE_ID" => "s1", |
||||||
|
"START_FROM" => "0", |
||||||
|
), |
||||||
|
false |
||||||
|
);?> |
||||||
|
|
||||||
|
<section class="text-section section container"> |
||||||
<h1 class="text-section__title"> |
<h1 class="text-section__title"> |
||||||
Мы собрали <span class="green-text">важную информацию</span>, где вы сможете узнать как оформить заказ, найти шаблон договора и посмотреть сертификаты и награды нашей компании </h1> |
Мы собрали <span class="green-text">важную информацию</span>, где вы сможете узнать как оформить заказ, найти шаблон договора и посмотреть сертификаты и награды нашей компании </h1> |
||||||
<p class="text-section__text"> |
<p class="text-section__text"> |
||||||
Для получения дополнительной информации звоните по телефону <a href="tel:84956699924">8 (495) 669-99-24</a> |
Для получения дополнительной информации звоните по телефону <a href="tel:84956699924">8 (495) 669-99-24</a> |
||||||
</p> |
</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( |
</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>
|
||||||
"bitrix:main.include", |
|
||||||
".default", |
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
||||||
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");?> |
|
||||||
@ -1,232 +1,16 @@ |
|||||||
<? |
<? |
||||||
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); |
||||||
$APPLICATION->SetPageProperty("description", "Онлайн-калькулятор септика – рассчитайте объем и стоимость автономной канализации за 2 минуты! Учет количества жильцов, типа грунта и водопотребления. Подбор моделей, сравнение цен и рекомендации по монтажу"); |
|
||||||
$APPLICATION->SetPageProperty("title", "Рассчитать септик онлайн • Калькулятор расчета Септиков Эра"); |
|
||||||
$APPLICATION->SetTitle("Расчет септика"); |
$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( |
<?$APPLICATION->IncludeComponent( |
||||||
"bitrix:main.include", |
"era:calculator", |
||||||
"", |
"", |
||||||
Array( |
Array( |
||||||
"AREA_FILE_RECURSIVE" => "Y", |
"IBLOCK_ID" => "4", // ID инфоблока с товарами |
||||||
"AREA_FILE_SHOW" => "file", |
"CACHE_TYPE" => "A", |
||||||
"EDIT_TEMPLATE" => "", |
"CACHE_TIME" => "3600" |
||||||
"PATH" => "/local/include/consultation.php" |
) |
||||||
) |
);?> |
||||||
);?><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
|
||||||
|
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
|
||||||
Loading…
Reference in new issue