Привет всем!
Перестала отображаться форма подписки во всплывающем окне
Всплывающее окно модуля появляется, но внутри не отображается форма.
Знаю, что это из-за Bootstrap 4 шаблона сайта cassiopeia
Собственно конфликт каскадной таблицы шаблона и js модуля.
Joomla 4,
Шаблон сайта cassiopeia,
Компонент AcyMailing Starter 5.10.4
Модуль mod_acymailing с шаблоном popup.php
В файле media/com_acymailing/js/acymailing.js
написан код, начиная с 508 строки:
openpopup: function(url, width, height){
if(document.getElementById('acymailingpopupshadow') !== null) return;
var shadow = document.createElement('div');
shadow.id = 'acymailingpopupshadow';
shadow.onclick = function(){ acymailing.closeBox(); };
document.getElementsByTagName('body')[0].appendChild(shadow);
var closecross = document.createElement('div');
closecross.id = 'closepop';
closecross.onclick = function(){ acymailing.closeBox(); };
var iframe = document.createElement('iframe');
iframe.src = url;
var container = document.createElement('div');
container.id = 'acymailingpopup';
if(width == 0){
container.style.width = '82%';
container.style.height = '84%';
container.style.left = (window.innerWidth*9/100)+'px';
container.style.top = (window.innerHeight*2/25)+'px';
}else {
container.style.width = width + 'px';
container.style.height = height + 'px';
container.style.left = ((window.innerWidth - width) / 2)+'px';
container.style.top = ((window.innerHeight - height) / 2)+'px';
}
document.getElementsByTagName('body')[0].appendChild(shadow);
container.appendChild(closecross);
container.appendChild(iframe);
document.getElementsByTagName('body')[0].appendChild(container);
},
Наверное getElementsByTagName('body') не дает
Ведь bootstrap шаблона сайта с grid-area куда-то сдвигает теги в <body>, если эти теги не прописаны в CSS
Но как быть с такой ситуацией?