[Elementor PRO] Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

  Автор:
  3 комментария
  3876

На всплывающем окне (Pop-Up)  созданном на Elementor Pro  окне есть кнопка «Закрыть».

Тем не менее в некоторых случаях необходимо закрыть окно при клике на любую кнопку или ссылку внутри самого Pop-Up окна, а не на кнопку «Закрыть».

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

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

  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 для начинающих«, и затем платный курс «Elementor — от новичка до профи» для создания красивых сайтов. Результат гарантирован!

С вопросами и за помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
[Elementor PRO] Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

   3 голоса
Средняя оценка: 5 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

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

Подпишись на меня в Telegram! Только важные новости и лучшие статьи
Оставьте свой комментарий:

Комментарии на Блог
3 комментария
  1. Код должен быть таким
    jQuery(function($){ $(document).on(‘click’,’.elementor-location-popup a’, function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }); });

    И скрывать в адаптиве везде надо!

  2. Стас

    Здравствуйте! Скажите пожалуйста, а как закрыть popup на ЭлементорПро + Астра по скроллингу? Ну то есть появилось попап окошко, посетитель крутанул страницу вниз/верх и попап закрылся?
    Спасибо!

Ваш адрес email не будет опубликован. Обязательные поля помечены *