[Elementor PRO] Как закрыть Elementor Popup при клике на кнопку или ссылку в Popup окне

  Автор:
  298

На попап окне есть кнопка Закрыть, но в некоторых случаях необходимо закрыть окно при клике на кнопку или ссылку внутри самого Popup окна.

Например, попап окно это ссылки меню на разделы страницы. При клике на нужный пункт меню происходит плавный переход к нужному разделу на странице и poup закрывается.

Итак, как закрыть попап при клике на кнопку или ссылку внутри самого попап окна.

  1. Необходимо задать класс для элемента при клике на который будет закрываться окно. Это может быть кнопка, или просто ссылка в текстовом виджете.
  2. Перетащить виджет HTML — код для вставки следующего кода:
jQuery(document).ready(function($) {
    $(document).on('click', '.close-popup ul a', function(event) {
        elementorProFrontend.modules.popup.closePopup({}, event);
    });
});

В коде заменить класс .close-popup ul a на класс элемента.

[Elementor PRO] Как закрыть Elementor Popup при клике на кнопку или ссылку в Popup окне

   1 голос
Средняя оценка: 5 из 5
Вам понравилась статья? Буду очень благодарна Вам если поделитесь ею в социальных сетях - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик многофункционального шаблона "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов разного назначения на WordPress. Основатель клуба "Мастер WordPress" и автор курсов по создании и применению сайтов на WordPress. Фрилансер. Предприниматель. Спикер.

Как создать свой сайт на WordPress с закрытыми и отрытыми онлайн - курсами, с универсальным интернет - магазином, профессиональным блогом и высоко конверсионными лендингами для заработка в интернете 2022
Оставьте свой комментарий:

Ваш адрес email не будет опубликован.