На всплывающем окне (Pop-Up) созданном на Elementor Pro окне есть кнопка «Закрыть».
Тем не менее в некоторых случаях необходимо закрыть окно при клике на любую кнопку или ссылку внутри самого Pop-Up окна, а не на кнопку «Закрыть».
Например, Pop-Up окно это ссылки меню на разделы страницы. При клике на нужный пункт меню происходит плавный переход к нужному разделу на странице и Pop-Up закрывается.
Итак, как закрыть Pop-Up при клике на кнопку или ссылку внутри самого Pop-Up окна.
- Необходимо задать класс для элемента при клике на который будет закрываться окно. Это может быть кнопка, или просто ссылка в текстовом виджете.
- Перетащить виджет 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:
а также, хостинг Beget:
3 голоса
Средняя оценка: 5 из 5
Средняя оценка: 5 из 5
Код должен быть таким
jQuery(function($){ $(document).on(‘click’,’.elementor-location-popup a’, function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }); });
И скрывать в адаптиве везде надо!
Здравствуйте! Скажите пожалуйста, а как закрыть popup на ЭлементорПро + Астра по скроллингу? Ну то есть появилось попап окошко, посетитель крутанул страницу вниз/верх и попап закрылся?
Спасибо!
Стас, такой опции в Elementor нет. Можно воспользоваться JavaScript