Почему Popup maker не работает на самописной теме?

Question

[rdy88]

Ребят не кидайте камнями, я новичок и только изучаю WP и тд.
Натянул на WP последней версии html шаблон, хочу сделать всплывающие окна по средствам popup makera.
Создаю всплывающее окно по инструкции, нажимаю предпросмотр но оно не работает и открывается просто страница сайта.
Что известно:
Если переключится на стандартную тему WP то всплывающее окно работает.
В своей теме я убирал весь код - окно не появилось
Убрал весь кода и добавил <?php get_footer(); ?> - окно не появилось
В консоли висит 8 ошибок Unchecked runtime.lastError: The message port closed before a response was received. ?popup_preview=true&popup=176:1 .

Как я понимаю в теме чего то не хватает, но чего понять не могу. Подскажите знающие плз. Вот ссылка на предпросмотр попапа

Answer 1

[Орхан Гасанлы]

1) ссылка на предпосмотр не отработает, ибо мы не авторизованы
2) проверьте корректность подключения header & footer
3) проверьте подключен ли jquery

Comments

[rdy88]

jquery вроде подключен.

<link rel = "stylesheet" href="<?php echo get_template_directory_uri() ?>/css/styles.css" rel="stylesheet">
<link rel = "stylesheet" href="<?php echo get_template_directory_uri() ?>/css/kernel_main.css" type="text/css" rel="stylesheet">
<link rel = "stylesheet" href="<?php echo get_template_directory_uri() ?>/css/template_4546fae268f65e15b522f7a8494ea220.css" type="text/css" data-template-style="true" rel="stylesheet">
<link rel = "stylesheet" href="<?php echo get_template_directory_uri() ?>/css/flexslider.css" type = "text / css">
<link rel = "stylesheet" href = "<?php echo get_template_directory_uri() ?>/css/template_styles.css" type = "text / css">
<link rel = "stylesheet" href = "<?php echo get_template_directory_uri() ?>/css/jquery.fancybox.css" type = "text / css">
<link rel = "stylesheet" href = "<?php echo get_template_directory_uri() ?>/css/bootstrap.min.css" type = "text / css">
<link rel = "stylesheet" href = "<?php echo get_template_directory_uri() ?>/css/2GRN33YgsWd.css" type = "text / css">
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery-1.8.3.min.js"></script>
<script src="https://use.fontawesome.com/c314c96bac.js"></script>

А что вы имеете введу под проверкой корректности подключения хедера и футера?

[Орхан Гасанлы]

rdy88,
1) почитайте кодекс ВП.
вы некорректно подключаете скрипты и стили.
в частности изучите -

wp_enqueue_script()
wp_enqueue_style()

2) корректность подключения wp_head wp_footer get_footer get_header
в кодексе есть подробная информация

Answer 2

[rdy88]

Вот ещё момент. Созданы два всплывающих окна но почему то в админке их нет

Comments

[Орхан Гасанлы]

тут тоже может быть много разных причин...
1) баг плагина
2) может вы не создавали модалку? они отображаются в popup maker в dashboard?

[rdy88]

azerphoenix, Я последовал вашему совету немного изучил кодекс и начал правильно подключать скрипты и стили, а так же добавил wp_head. После этого модальные окна начали появляться, но слетели некоторые скрипты шаблона. Методом тыка я определил что помимо моего jquery-1.8.3.min подключается ещё дефолтный jquery вордпресса, отключив его сайт начал работать в разы быстрее, но модальные окна перестали появляться. А если наоборот отключить мой jquery-1.8.3.min и подключить дефолтный, то у меня не работаю скрипты темы. Я в замешательстве сломал весь мозг уже)

[Орхан Гасанлы]

rdy88,
а как именно вы отключили jquery ?

правильнее сделать deregister_script dequeue_script
а потом уже подключить свой скрипт через enqueue_script

[rdy88]

выяснил что popup не работает на 1.8.3 так как там другой синтаксис. в 1.8.3 jQuery('a[href=#]');
а для плагина нужно jQuery('a[href="#"]'); Попробовал поставить jq 3 а у меня почему то флексслайдер отстёгивается ))) Это ужас какой то, придётся использовать другой плагин(

[rdy88]

azerphoenix, так и делал

[Орхан Гасанлы]

rdy88, по идее вы можете обойтись без плагина...
создать модалку не такая уж и проблема.
Вот. готовый скрипт - https://stephanwagner.me/jBox

а если у вас бутстрап, то вот https://getbootstrap.com/docs/4.0/components/modal/

наберите в гугл jquery modal найдете кучу вариантов.

Также, не забудьте про то, что ВП "не понимает" знак $ замените эти символы на jQuery

[rdy88]

azerphoenix, Спасибо за ссылки попробую.

также, не забудьте про то, что ВП "не понимает" знак $ замените эти символы на jQuery

Натыкался на эту инфу, но не понял где именно символы эти заменять? в файлах JS ?

[Орхан Гасанлы]

rdy88, да, в коде jquery
символы $ замените наjQuery

Answer 3

[berrymoor_ser]

Поставьте <?php wp_footer(); ?> перед body в футере или индексе. Должно заработать.