test
This commit is contained in:
@@ -89,6 +89,8 @@ define( 'WP_DEBUG', false );
|
||||
|
||||
/* Add any custom values between this line and the "stop editing" line. */
|
||||
|
||||
define( 'SEV_TORT_TELEGRAM_BOT_TOKEN', '8607238298:AAH_dZ-EgzFOpT0LtmYuiy4ifcsvLZxXwPk' );
|
||||
define( 'SEV_TORT_TELEGRAM_CHAT_ID', '-1003995055932' );
|
||||
|
||||
|
||||
/* That's all, stop editing! Happy publishing. */
|
||||
|
||||
@@ -241,7 +241,10 @@
|
||||
align-items: center;
|
||||
min-height: 46px;
|
||||
border-bottom: 1px solid var(--color-line);
|
||||
color: var(--color-text);
|
||||
font: inherit;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
@@ -315,6 +318,15 @@
|
||||
box-shadow: var(--shadow-soft);
|
||||
}
|
||||
|
||||
.lead-form__trap {
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.lead-form__head {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
@@ -381,6 +393,67 @@
|
||||
color: var(--color-success);
|
||||
}
|
||||
|
||||
.lead-modal {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 120;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.lead-modal[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lead-modal__overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(44, 33, 29, 0.58);
|
||||
}
|
||||
|
||||
.lead-modal__dialog {
|
||||
position: relative;
|
||||
width: min(100%, 520px);
|
||||
max-height: calc(100vh - 40px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.lead-modal__close {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 14px;
|
||||
z-index: 2;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
background: var(--color-surface-soft);
|
||||
}
|
||||
|
||||
.lead-modal__close::before,
|
||||
.lead-modal__close::after {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
left: 10px;
|
||||
width: 16px;
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
background: var(--color-text);
|
||||
content: "";
|
||||
}
|
||||
|
||||
.lead-modal__close::before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.lead-modal__close::after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.lead-modal .lead-form {
|
||||
padding-top: 54px;
|
||||
}
|
||||
|
||||
.cookie-note {
|
||||
position: fixed;
|
||||
right: 24px;
|
||||
|
||||
@@ -48,6 +48,10 @@ body.menu-is-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body.lead-modal-is-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.button-main,
|
||||
.lead-form__button {
|
||||
display: inline-flex;
|
||||
|
||||
@@ -7,6 +7,11 @@
|
||||
var catalogButton = document.querySelector('.site-header__menu-button');
|
||||
var cookieNote = document.querySelector('[data-cookie-note]');
|
||||
var cookieButton = document.querySelector('[data-cookie-accept]');
|
||||
var leadModal = document.querySelector('[data-lead-modal]');
|
||||
var leadOpenNodes = document.querySelectorAll('[data-lead-open]');
|
||||
var leadCloseNodes = document.querySelectorAll('[data-lead-close]');
|
||||
var phoneInputs = document.querySelectorAll('[data-phone-mask]');
|
||||
var emailInputs = document.querySelectorAll('[data-email-mask]');
|
||||
|
||||
function setMenuState(isOpen) {
|
||||
if (!menu || !toggle) {
|
||||
@@ -19,6 +24,67 @@
|
||||
toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
|
||||
}
|
||||
|
||||
function setLeadModalState(isOpen, source) {
|
||||
if (!leadModal) {
|
||||
return;
|
||||
}
|
||||
|
||||
leadModal.hidden = !isOpen;
|
||||
body.classList.toggle('lead-modal-is-open', isOpen);
|
||||
|
||||
if (!isOpen) {
|
||||
return;
|
||||
}
|
||||
|
||||
var pageInput = leadModal.querySelector('input[name="lead_page"]');
|
||||
var sourceInput = leadModal.querySelector('input[name="lead_source"]');
|
||||
var firstInput = leadModal.querySelector('input[name="lead_name"]');
|
||||
|
||||
if (pageInput) {
|
||||
pageInput.value = document.title + ' | ' + window.location.pathname;
|
||||
}
|
||||
|
||||
if (sourceInput) {
|
||||
sourceInput.value = source || 'Попап заявки';
|
||||
}
|
||||
|
||||
if (firstInput) {
|
||||
window.setTimeout(function () {
|
||||
firstInput.focus();
|
||||
}, 80);
|
||||
}
|
||||
}
|
||||
|
||||
function applyPhoneMask(input) {
|
||||
var digits = input.value.replace(/\D/g, '');
|
||||
|
||||
if (digits.charAt(0) === '8') {
|
||||
digits = '7' + digits.slice(1);
|
||||
}
|
||||
|
||||
if (digits.charAt(0) === '7') {
|
||||
digits = digits.slice(1);
|
||||
}
|
||||
|
||||
digits = digits.slice(0, 10);
|
||||
|
||||
var value = '+7';
|
||||
if (digits.length > 0) {
|
||||
value += ' (' + digits.slice(0, 3);
|
||||
}
|
||||
if (digits.length >= 3) {
|
||||
value += ') ' + digits.slice(3, 6);
|
||||
}
|
||||
if (digits.length >= 6) {
|
||||
value += '-' + digits.slice(6, 8);
|
||||
}
|
||||
if (digits.length >= 8) {
|
||||
value += '-' + digits.slice(8, 10);
|
||||
}
|
||||
|
||||
input.value = value;
|
||||
}
|
||||
|
||||
if (menu && toggle) {
|
||||
toggle.addEventListener('click', function () {
|
||||
setMenuState(!menu.classList.contains('is-open'));
|
||||
@@ -46,6 +112,44 @@
|
||||
});
|
||||
}
|
||||
|
||||
leadOpenNodes.forEach(function (node) {
|
||||
node.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
setMenuState(false);
|
||||
setLeadModalState(true, node.getAttribute('data-lead-source') || node.textContent.trim());
|
||||
});
|
||||
});
|
||||
|
||||
leadCloseNodes.forEach(function (node) {
|
||||
node.addEventListener('click', function () {
|
||||
setLeadModalState(false);
|
||||
});
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', function (event) {
|
||||
if (event.key === 'Escape') {
|
||||
setLeadModalState(false);
|
||||
}
|
||||
});
|
||||
|
||||
phoneInputs.forEach(function (input) {
|
||||
input.addEventListener('focus', function () {
|
||||
if (!input.value) {
|
||||
input.value = '+7';
|
||||
}
|
||||
});
|
||||
|
||||
input.addEventListener('input', function () {
|
||||
applyPhoneMask(input);
|
||||
});
|
||||
});
|
||||
|
||||
emailInputs.forEach(function (input) {
|
||||
input.addEventListener('input', function () {
|
||||
input.value = input.value.replace(/\s/g, '').toLowerCase();
|
||||
});
|
||||
});
|
||||
|
||||
if (cookieNote && cookieButton && window.localStorage) {
|
||||
if (localStorage.getItem('sevTortCookieAccepted') !== 'yes') {
|
||||
cookieNote.hidden = false;
|
||||
|
||||
@@ -48,6 +48,44 @@ if ( ! defined( 'ABSPATH' ) ) {
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="lead-modal" data-lead-modal hidden>
|
||||
<div class="lead-modal__overlay" data-lead-close></div>
|
||||
<div class="lead-modal__dialog" role="dialog" aria-modal="true" aria-label="Форма заявки">
|
||||
<button class="lead-modal__close" type="button" data-lead-close aria-label="Закрыть окно заявки"></button>
|
||||
<form class="lead-form" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" method="post">
|
||||
<input type="hidden" name="action" value="sev_tort_lead">
|
||||
<input type="hidden" name="lead_page" value="Попап заявки">
|
||||
<input type="hidden" name="lead_source" value="Попап заявки">
|
||||
<input class="lead-form__trap" type="text" name="lead_company" value="" tabindex="-1" autocomplete="off" aria-hidden="true">
|
||||
<?php wp_nonce_field( 'sev_tort_lead', 'sev_tort_nonce' ); ?>
|
||||
<div class="lead-form__head">
|
||||
<span class="lead-form__title">Оставить контакты</span>
|
||||
<span class="lead-form__text">Ответим в мессенджере или по телефону и уточним детали заказа.</span>
|
||||
</div>
|
||||
<label class="lead-form__field">
|
||||
<span class="lead-form__label">Имя</span>
|
||||
<input class="lead-form__input" type="text" name="lead_name" autocomplete="name" placeholder="Как к вам обращаться">
|
||||
</label>
|
||||
<label class="lead-form__field">
|
||||
<span class="lead-form__label">Телефон</span>
|
||||
<input class="lead-form__input" type="tel" name="lead_phone" autocomplete="tel" inputmode="tel" placeholder="+7 (___) ___-__-__" pattern="^\+7 \([0-9]{3}\) [0-9]{3}-[0-9]{2}-[0-9]{2}$" data-phone-mask required>
|
||||
</label>
|
||||
<label class="lead-form__field">
|
||||
<span class="lead-form__label">Почта</span>
|
||||
<input class="lead-form__input" type="email" name="lead_email" autocomplete="email" inputmode="email" placeholder="name@example.ru" pattern="^[^@\s]+@[^@\s]+\.[^@\s]+$" data-email-mask>
|
||||
</label>
|
||||
<label class="lead-form__field">
|
||||
<span class="lead-form__label">Комментарий</span>
|
||||
<textarea class="lead-form__textarea" name="lead_message" rows="4" placeholder="Дата, повод, вес, идея декора"></textarea>
|
||||
</label>
|
||||
<label class="lead-form__consent">
|
||||
<input class="lead-form__checkbox" type="checkbox" name="personal_data_agree" value="1" required>
|
||||
<span class="lead-form__consent-text">Согласен на обработку персональных данных и принимаю <a href="<?php echo esc_url( home_url( '/politika-konfidencialnosti/' ) ); ?>">политику конфиденциальности</a>.</span>
|
||||
</label>
|
||||
<button class="lead-form__button" type="submit">Отправить заявку</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cookie-note" data-cookie-note hidden>
|
||||
<div class="cookie-note__inner">
|
||||
<span class="cookie-note__text">Мы используем файлы cookie для улучшения работы сайта. Продолжая использовать сайт, Вы соглашаетесь с нашей <a class="cookie-note__link" href="<?php echo esc_url( home_url( '/politika-konfidencialnosti/' ) ); ?>">политикой конфиденциальности</a>.</span>
|
||||
|
||||
@@ -13,7 +13,7 @@ get_header();
|
||||
<h1 class="home-hero__title">Торты на заказ в Севастополе с доставкой</h1>
|
||||
<p class="home-hero__lead">Готовим бенто, детские, свадебные и праздничные торты под ваш повод. Подберем дизайн, начинку и формат после короткой заявки.</p>
|
||||
<div class="home-hero__actions">
|
||||
<a class="button-main" href="<?php echo esc_url( home_url( '/torty-na-zakaz/' ) ); ?>">Рассчитать стоимость</a>
|
||||
<button class="button-main" type="button" data-lead-open data-lead-source="Рассчитать стоимость: первый экран главной">Рассчитать стоимость</button>
|
||||
<a class="button-link" href="<?php echo esc_url( sev_tort_telegram_url() ); ?>" target="_blank" rel="noopener noreferrer">Написать в Telegram</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -43,7 +43,7 @@ if ( ! defined( 'ABSPATH' ) ) {
|
||||
<li class="site-header__menu-item"><a class="site-header__menu-link" href="<?php echo esc_url( home_url( '/kontakty/' ) ); ?>">Контакты</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<a class="site-header__cta" href="<?php echo esc_url( home_url( '/torty-na-zakaz/' ) ); ?>">Заказать торт</a>
|
||||
<button class="site-header__cta" type="button" data-lead-open data-lead-source="Заказать торт: шапка">Заказать торт</button>
|
||||
<button class="site-header__burger" type="button" aria-label="Открыть меню" aria-expanded="false" data-menu-toggle>
|
||||
<span class="site-header__burger-line"></span>
|
||||
<span class="site-header__burger-line"></span>
|
||||
@@ -65,6 +65,7 @@ if ( ! defined( 'ABSPATH' ) ) {
|
||||
<?php endforeach; ?>
|
||||
</nav>
|
||||
<div class="mobile-menu__contacts">
|
||||
<button class="mobile-menu__contact" type="button" data-lead-open data-lead-source="Заказать торт: мобильное меню">Заказать торт</button>
|
||||
<a class="mobile-menu__contact" href="<?php echo esc_url( sev_tort_site_phone_href() ); ?>"><?php echo esc_html( sev_tort_site_phone() ); ?></a>
|
||||
<a class="mobile-menu__contact" href="<?php echo esc_url( sev_tort_whatsapp_url() ); ?>" target="_blank" rel="noopener noreferrer">WhatsApp</a>
|
||||
<a class="mobile-menu__contact" href="<?php echo esc_url( sev_tort_telegram_url() ); ?>" target="_blank" rel="noopener noreferrer">Telegram</a>
|
||||
|
||||
@@ -16,19 +16,31 @@ function sev_tort_handle_lead_form() {
|
||||
sev_tort_redirect_form_status( 'consent' );
|
||||
}
|
||||
|
||||
if ( ! empty( $_POST['lead_company'] ) ) {
|
||||
sev_tort_redirect_form_status( 'success' );
|
||||
}
|
||||
|
||||
$name = isset( $_POST['lead_name'] ) ? sanitize_text_field( wp_unslash( $_POST['lead_name'] ) ) : '';
|
||||
$phone = isset( $_POST['lead_phone'] ) ? sanitize_text_field( wp_unslash( $_POST['lead_phone'] ) ) : '';
|
||||
$email = isset( $_POST['lead_email'] ) ? sanitize_email( wp_unslash( $_POST['lead_email'] ) ) : '';
|
||||
$message = isset( $_POST['lead_message'] ) ? sanitize_textarea_field( wp_unslash( $_POST['lead_message'] ) ) : '';
|
||||
$page = isset( $_POST['lead_page'] ) ? sanitize_text_field( wp_unslash( $_POST['lead_page'] ) ) : '';
|
||||
$source = isset( $_POST['lead_source'] ) ? sanitize_text_field( wp_unslash( $_POST['lead_source'] ) ) : '';
|
||||
|
||||
if ( '' === $phone ) {
|
||||
if ( '' === $phone || ! preg_match( '/^\+7 \([0-9]{3}\) [0-9]{3}-[0-9]{2}-[0-9]{2}$/', $phone ) ) {
|
||||
sev_tort_redirect_form_status( 'error' );
|
||||
}
|
||||
|
||||
if ( '' !== $email && ! is_email( $email ) ) {
|
||||
sev_tort_redirect_form_status( 'error' );
|
||||
}
|
||||
|
||||
$text = "Новая заявка с сайта sevastopol-tort.ru\n";
|
||||
$text .= "Страница: " . $page . "\n";
|
||||
$text .= "Страница: " . ( $page ? $page : 'не указана' ) . "\n";
|
||||
$text .= "Источник: " . ( $source ? $source : 'не указан' ) . "\n";
|
||||
$text .= "Имя: " . ( $name ? $name : 'не указано' ) . "\n";
|
||||
$text .= "Телефон: " . $phone . "\n";
|
||||
$text .= "Почта: " . ( $email ? $email : 'не указана' ) . "\n";
|
||||
$text .= "Комментарий: " . ( $message ? $message : 'не указан' );
|
||||
|
||||
$sent = sev_tort_send_telegram_message( $text );
|
||||
|
||||
@@ -20,7 +20,7 @@ get_header();
|
||||
<h1 class="service-hero__title"><?php echo esc_html( $page['h1'] ); ?></h1>
|
||||
<p class="service-hero__lead"><?php echo esc_html( $page['lead'] ); ?></p>
|
||||
<div class="service-hero__actions">
|
||||
<a class="button-main" href="#lead-form">Получить расчет</a>
|
||||
<button class="button-main" type="button" data-lead-open data-lead-source="Получить расчет: первый экран <?php echo esc_attr( $page['label'] ); ?>">Получить расчет</button>
|
||||
<a class="button-link" href="<?php echo esc_url( sev_tort_telegram_url() ); ?>" target="_blank" rel="noopener noreferrer">Написать в Telegram</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user