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.
279 lines
15 KiB
279 lines
15 KiB
{% set current_path = template_path ~ '/modules/footer' %}
|
|
<footer class="footer">
|
|
<div class="wrapper">
|
|
<div class="footer-top">
|
|
<div class="footer-content__wrap">
|
|
<div class="footer-content">
|
|
<a href="/" class="logo">
|
|
<img src="{{ current_path }}/assets/img/logo-green.svg" alt="">
|
|
<span>сosmopet</span>
|
|
</a>
|
|
<p class="footer-content__address">
|
|
{{adres}}
|
|
</p>
|
|
<ul>
|
|
{% for item in email_list %}
|
|
<li>
|
|
<p>{{item.name}}</p>
|
|
<a href="mailto:{{item.email}}">{{item.email}}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<div class="footer-top__link">
|
|
<a href="https://t.me/cosmopet_bot" class="link-black">{{ function('pll_e', 'Чат бот с ветеринаром') }}</a>
|
|
</div>
|
|
</div>
|
|
<form class="footer-contact form-process" action="contact_form">
|
|
<h3 class="footer-contact__title">{{ function('pll_e', 'Форма обратной связи') }}</h3>
|
|
<input name="name" type="text" placeholder="{{ function('pll_e', 'Ваше имя') }}" class="form-inp">
|
|
<input name="email" type="email" placeholder="{{ function('pll_e', 'Эл.почта') }}" class="form-inp">
|
|
<textarea name="message" class="form-textarea" name="" placeholder="{{ function('pll_e', 'Текст обращения') }}" id=""></textarea>
|
|
<input type="hidden" name="from_url" value="{{ current_url }}">
|
|
<input type="hidden" name="form_name" value="Contact form in footer">
|
|
<button class="footer-contact__submit" type="submit">{{ function('pll_e', 'Отправить') }}</button>
|
|
</form>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<ul class="footer-network">
|
|
{% for item in social %}
|
|
<li>
|
|
<a href="{{item.link}}" target="_blank">
|
|
<img src="{{item.img}}">
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% for item in links %}
|
|
<a href="{{item.link}}">{{item.name}}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!-- Footer end -->
|
|
|
|
|
|
|
|
<div class="modal">
|
|
<aside class="modal__aside">
|
|
<div class="modal__item modal__login">
|
|
<button class="modal__close">
|
|
<img src="<?php bloginfo('template_url');?>/gp-include/assets/core/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
|
|
<div class="login_wrap login_forms">
|
|
<div class="login_inner step active">
|
|
<h2 class="login_title">Войти или зарегистрироваться</h2>
|
|
<div class="login_subtitle">Подтвердите свой e-mail в письме</div>
|
|
<div class="login_input js-input-email">
|
|
<input type="text" name="email" placeholder="example@example.com"/>
|
|
<div class="login_error"></div>
|
|
</div>
|
|
<button class="login_btn btn_gradient js-get-code">Получить код</button>
|
|
{{ function('tgWidget') }}
|
|
</div>
|
|
<div class="login_inner step">
|
|
<div class="login_back">
|
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="16" fill="#121212"/><path d="M8.5 16.3633H25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 22.7272" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 9.99932" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
</div>
|
|
<h2 class="login_title">Введите код</h2>
|
|
<div class="login_subtitle">Код отправленный на e-mail:<span class="sended_email"></span></div>
|
|
<div class="login_input js-input-code">
|
|
<input type="text" name="code" placeholder="0000"/>
|
|
<div class="login_error"></div>
|
|
</div>
|
|
<div class="login_timer">Запросить новый код: <span class="seconds">15</span> секунд</div>
|
|
<button class="login_btn btn_gradient js-repeat-code">Запросить новый код</button>
|
|
</div>
|
|
<div class="login_privacy">
|
|
Нажимая на кнопку «Получить код», я даю согласие на обработку моих персональных данных в соответствии с <a href="/privacy-policy">политикой обработки персональных данных</a>
|
|
</div>
|
|
</div>
|
|
<div class="login_wrap login_success hide">
|
|
<div class="login_inner active">
|
|
<h2 class="login_title">Спасибо<br />за авторизацию</h2>
|
|
<div class="login_subtitle">Теперь вы можете получать промокоды за покупки.</div>
|
|
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
|
|
<a href="/my-account" class="login_btn account_link">Заполнить профиль</a>
|
|
</div>
|
|
</div>
|
|
<div class="login_wrap login_auth hide">
|
|
<div class="login_inner active">
|
|
<h2 class="login_title --text-center">
|
|
Вы вошли в систему</h2>
|
|
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
|
|
<a href="/my-account" class="login_btn account_link">Профиль</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
{% verbatim %}
|
|
<div class="modal modal-success" style="display: none;">
|
|
<div class="modal-content">
|
|
<div class="close-button">×</div>
|
|
<h2 class="modal-title">ВАША ЗАЯВКА ПРИНЯТА!</h2>
|
|
<div class="modal-message">
|
|
<p>Спасибо! Сообщение успешно отправлено.</p>
|
|
<p>Наш менеджер скоро свяжемся с вами<br>для уточнения деталей.</p>
|
|
</div>
|
|
|
|
<div class="modal-button-container">
|
|
<a href="/" class="submit-button">Вернуться на сайт</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal modal-offer" style="display: none;">
|
|
<div class="modal-content">
|
|
<div class="close-button">×</div>
|
|
<h2 class="modal-title">ПРЕДЛОЖИТЕ СТАТЬЮ</h2>
|
|
<p class="modal-subtitle">или станьте автором</p>
|
|
|
|
<form class="modal-form form-process" action="contact_form">
|
|
<div class="form-group full-width">
|
|
<input type="text" name="name" placeholder="Ваше имя *" required>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group half-width">
|
|
<input type="tel" name="phone" placeholder="Телефон *" required>
|
|
</div>
|
|
<div class="form-group half-width">
|
|
<input type="text" name="telegram" placeholder="Telegram">
|
|
</div>
|
|
</div>
|
|
<div class="form-group half-width message-container">
|
|
<textarea name="message" placeholder="Текст обращения"></textarea>
|
|
|
|
</div>
|
|
<div class="form-group half-width">
|
|
<button type="submit" class="submit-button">Отправить</button>
|
|
</div>
|
|
<div class="author-image">
|
|
<img src="/wp-content/uploads/2025/04/rectangle.png" alt="Автор">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endverbatim %}
|
|
|
|
<script>
|
|
function onTelegramAuth(user) {
|
|
var data = {
|
|
action: 'ontelegramauth',
|
|
userid: user.id,
|
|
username: user.username,
|
|
fname: user.first_name,
|
|
lname: user.last_name
|
|
}
|
|
jQuery.ajax({
|
|
type: 'POST',
|
|
url: '/wp-admin/admin-ajax.php',
|
|
data: data,
|
|
success: function(){
|
|
location.href = '/my-account';
|
|
}
|
|
});
|
|
}
|
|
function linkTelegram(user) {
|
|
var data = {
|
|
action: 'linktelegram',
|
|
userid: user.id,
|
|
username: user.username,
|
|
fname: user.first_name,
|
|
lname: user.last_name
|
|
}
|
|
jQuery.ajax({
|
|
type: 'POST',
|
|
url: '/wp-admin/admin-ajax.php',
|
|
data: data,
|
|
success: function(){
|
|
jQuery('.cabinet-accounts').html('<svg width="40px" height="40px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid"><g><path d="M128,0 C57.307,0 0,57.307 0,128 L0,128 C0,198.693 57.307,256 128,256 L128,256 C198.693,256 256,198.693 256,128 L256,128 C256,57.307 198.693,0 128,0 L128,0 Z" fill="#40B3E0"></path><path d="M190.2826,73.6308 L167.4206,188.8978 C167.4206,188.8978 164.2236,196.8918 155.4306,193.0548 L102.6726,152.6068 L83.4886,143.3348 L51.1946,132.4628 C51.1946,132.4628 46.2386,130.7048 45.7586,126.8678 C45.2796,123.0308 51.3546,120.9528 51.3546,120.9528 L179.7306,70.5928 C179.7306,70.5928 190.2826,65.9568 190.2826,73.6308" fill="#FFFFFF"></path><path d="M98.6178,187.6035 C98.6178,187.6035 97.0778,187.4595 95.1588,181.3835 C93.2408,175.3085 83.4888,143.3345 83.4888,143.3345 L161.0258,94.0945 C161.0258,94.0945 165.5028,91.3765 165.3428,94.0945 C165.3428,94.0945 166.1418,94.5735 163.7438,96.8115 C161.3458,99.0505 102.8328,151.6475 102.8328,151.6475" fill="#D2E5F1"></path><path d="M122.9015,168.1154 L102.0335,187.1414 C102.0335,187.1414 100.4025,188.3794 98.6175,187.6034 L102.6135,152.2624" fill="#B5CFE4"></path></g></svg>');
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Получаем все формы на странице
|
|
const forms = document.querySelectorAll('form');
|
|
|
|
// Текущий URL страницы
|
|
const currentUrl = window.location.href;
|
|
|
|
// Перебираем все формы
|
|
forms.forEach(function(form) {
|
|
// Проверяем, нет ли уже такого поля в форме
|
|
const existingInput = form.querySelector('input[name="url"]');
|
|
if (!existingInput) {
|
|
// Создаем скрытое поле input
|
|
const urlInput = document.createElement('input');
|
|
urlInput.type = 'hidden';
|
|
urlInput.name = 'url';
|
|
urlInput.value = currentUrl;
|
|
|
|
// Добавляем поле в форму
|
|
form.appendChild(urlInput);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Находим все элементы с классом login-open
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const loginButtons = document.querySelectorAll('.login-open');
|
|
|
|
// Добавляем обработчик события для каждой кнопки
|
|
loginButtons.forEach(button => {
|
|
button.addEventListener('click', function(event) {
|
|
event.preventDefault(); // Предотвращаем стандартное действие (если это ссылка)
|
|
|
|
// Находим элементы модального окна
|
|
const modal = document.querySelector('.modal');
|
|
const modalAside = document.querySelector('.modal__aside');
|
|
const modalLogin = document.querySelector('.modal__login');
|
|
|
|
// Добавляем классы active
|
|
modal.classList.add('active');
|
|
modalLogin.classList.add('active');
|
|
|
|
// Устанавливаем ширину для modal__aside
|
|
modalAside.style.width = '412px';
|
|
});
|
|
});
|
|
|
|
// Опционально: добавляем функцию закрытия модального окна
|
|
// Например, при клике на фон или кнопку закрытия
|
|
const closeButtons = document.querySelectorAll('.modal-close');
|
|
const modal = document.querySelector('.modal');
|
|
|
|
// Закрытие по клику на кнопку закрытия
|
|
closeButtons.forEach(button => {
|
|
button.addEventListener('click', closeModal);
|
|
});
|
|
|
|
// Закрытие по клику на фон (если клик не на модальное окно)
|
|
modal.addEventListener('click', function(event) {
|
|
if (event.target === modal) {
|
|
closeModal();
|
|
}
|
|
});
|
|
|
|
function closeModal() {
|
|
const modal = document.querySelector('.modal');
|
|
const modalAside = document.querySelector('.modal__aside');
|
|
const modalLogin = document.querySelector('.modal__login');
|
|
|
|
// Удаляем классы active
|
|
modal.classList.remove('active');
|
|
modalLogin.classList.remove('active');
|
|
|
|
// Сбрасываем ширину
|
|
modalAside.style.width = '';
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|