Задать вопрос
JackBird

Алексей

Ответы

  • Как привязать один ключ reCAPTCHA от Гугл к нескольким формам?

    JackBird
    @JackBird
    Добрый день. Вставьте скрипт reCAPTCHA на каждую страницу, где находятся формы. Это можно сделать путем добавления следующего кода в раздел вашего HTML-документа:
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    В каждую форму добавьте элемент для отображения виджета reCAPTCHA. Это можно сделать путем добавления следующего кода внутрь каждой формы:
    <div class="g-recaptcha" data-sitekey="ВАШ_КЛЮЧ_RECAPTCHA"></div>

    Убедитесь, что вы замените "ВАШ_КЛЮЧ_RECAPTCHA" на фактический ключ reCAPTCHA, который вы получили от Google.

    Наконец, вы должны включить проверку reCAPTCHA перед отправкой формы на сервере. Это требует некоторой серверной логики. При получении запроса от формы, ваш сервер должен валидировать токен reCAPTCHA, отправленный вместе с формой, используя ваш секретный ключ reCAPTCHA.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как переключать слайды по клику по ссылке в Elementor?

    JackBird
    @JackBird Автор вопроса
    Кому интересно, нашел решение, нужно вставить в блок виджет HTML-код
    <script>
jQuery(document).ready(function($) {
    // инициализируем первый слайдер
    var serviceSlider1 = new Swiper('#service-slider-1 .elementor-slides-wrapper', {
        // опции первого слайдера
    });

    // инициализируем второй слайдер
    var serviceSlider2 = new Swiper('#service-slider-2 .elementor-slides-wrapper', {
        // опции второго слайдера
    });

    // обработчик события клика на ссылку
    jQuery('a[href^="#service-slider-"]').on('click', function(event) {
        event.preventDefault();
        var index = jQuery(this).attr('href');
        index = index.substr(16);
        index = parseInt(index);

        if (isNaN(index)) {
            return;
        }

        // обращаемся к каждому слайдеру по отдельности и изменяем индекс
        document.querySelector('#service-slider-1 .elementor-slides-wrapper').swiper.slideTo(index);
        document.querySelector('#service-slider-2 .elementor-slides-wrapper').swiper.slideTo(index);
    });
});
</script>

    А в необходимые слайдеры в расширенных настройках задать ID service-slider-1 и service-slider-2
    Ответ написан
    Комментировать
    Комментировать