Как показать виджет с формой Геркурса в модальном окне
Опубликовано 14 Август, 2023 | GetCourse | 840 просмотров
Добавьте блок "Ссылка" на страницу в Linkrr.
Клик по этой кнопке будет открывать окно с виджетом.
Поле URL можно заполнить любым адресом, например, адресом вашей страницы.
Добавьте HTML блок с кодом на страницу в Linkrr:
<!-- GK Modal -->
<div class="modal fade" id="gk-popup-modal" tabindex="-1" aria-hidden="true" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body" id="gk-popup-content">
<!-- Замените script на код своего виджета -->
<script id="someid" src="https://course.getcourse.ru/pl/lite/widget/script?id=someid"></script>
</div>
</div>
</div>
</div>
<!-- GK Script -->
<script>
document.addEventListener("DOMContentLoaded", function() {
// Замените в "#block_256963" 256963 на ID своего блока с кнопкой в Linkrr
document.querySelector("#block_256963").addEventListener("click", function(event) {
event.preventDefault();
// Скрыть .modal-backdrop при открытии модального окна
$('#gk-popup-modal').on('show.bs.modal', function() {
setTimeout(function() {
$('.modal-backdrop.show').hide();
}, 0);
});
// Возвращать .modal-backdrop при закрытии модального окна
$('#gk-popup-modal').on('hidden.bs.modal', function() {
$('.modal-backdrop.show').show();
});
$('#gk-popup-modal').modal('show');
});
});
</script>
Последняя правка от 14 Август, 2023