В header реализовал вывод модального окна с формой, но так как 2 сайта, хочу что бы просто меняло шорт код, на определенном языке, но почему то не работает. Что я делаю не так?
<div class="site-feedback">
<a href="" data-modal="2" class="js-open-modal"><?php pll_e('записаться онлайн'); ?></a>
</div>
<div class="feedback-modal modal" data-modal="2">
<?php
$locale = get_locale();
if($locale == 'ru-RU'){
echo do_shortcode( '[contact-form-7 id="6" title="Записаться"]' );
}else if($locale == 'pl-PL'){
echo do_shortcode( '[contact-form-7 id="46" title="Zapisz się"]' );
}
?>
</div>
!function(e){"function"!=typeof e.matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),n=0;o[n]&&o[n]!==t;)++n;return Boolean(o[n])}),"function"!=typeof e.closest&&(e.closest=function(e){for(var t=this;t&&1===t.nodeType;){if(t.matches(e))return t;t=t.parentNode}return null})}(window.Element.prototype);
document.addEventListener('DOMContentLoaded', function() {
var modalButtons = document.querySelectorAll('.js-open-modal'),
overlay = document.querySelector('.js-overlay-modal'),
closeButtons = document.querySelectorAll('.js-modal-close');
modalButtons.forEach(function(item){
item.addEventListener('click', function(e) {
e.preventDefault();
var modalId = this.getAttribute('data-modal'),
modalElem = document.querySelector('.modal[data-modal="' + modalId + '"]');
modalElem.classList.add('active');
overlay.classList.add('active');
});
});
closeButtons.forEach(function(item){
item.addEventListener('click', function(e) {
var parentModal = this.closest('.modal');
parentModal.classList.remove('active');
overlay.classList.remove('active');
});
});
document.body.addEventListener('keyup', function (e) {
var key = e.keyCode;
if (key == 27) {
document.querySelector('.modal.active').classList.remove('active');
document.querySelector('.overlay').classList.remove('active');
};
}, false);
overlay.addEventListener('click', function() {
document.querySelector('.modal.active').classList.remove('active');
this.classList.remove('active');
});
});
