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

  Автор:
  1378

На всплывающем окне (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 PRO] Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

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

Анфиса Бреус

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

Хотите создать свой сайт для заработка в интернете быстро, легко и самостоятельно?  
Оставьте свой комментарий:

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

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

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

два × два =