Вывод страниц в модальное окно wordpress

426
19 января 2017, 05:48

Добрый день Подскажите пожалуйста, у меня есть слайдер в котором 40 итемов (картинок), каждая картинка это отдельная страница При нажатии на картинку открывается модальное окно в котором отображается контент определенной страницы я это сделал для двух страниц, но они отображаются обе в модалке, что не есть хорошо

<div id="modal_form">
    <span id="modal_close"><i class="fa fa-times-circle-o fa-5px" aria-hidden="true"></i></span>
    <?php
         $args = array(
             'include' => '46,98',
         ); 
         $pages = get_pages($args);
         foreach($pages as $page) { 
            echo $page->post_content;
            echo do_shortcode('[_moneyGame]'); 
         }  
         wp_reset_postdata();
    ?></div><div id="overlay"></div>

ну соответсвенно в js стоит обработчик на картинки по клику

Как можно в одной и тойже модалке отображать контент с разных страниц?

Answer 1

Это делают посредством ajax - вызов php кода из javascript. Краткое начальное руководство можно найти здесь.

Answer 2

В интернете есть много инструкций того, как это можно реализовать. Например:

  • https://allurewebsolutions.com/blog/open-wordpress-post-modal-without-plugin
  • http://wordpress.stackexchange.com/questions/95661/open-wordpress-posts-in-bootstrap-modal
  • https://www.themepunch.com/faq/open-post-content-inside-modal-popup/

поиск осуществлял через google, поисковая фраза "wordpress open post in modal window"

READ ALSO
Barba.js (аналог Pjax.js) и работа с ним

Barba.js (аналог Pjax.js) и работа с ним

В общем-то, сейчас использую barbajs для перехода по страницам без перезагрузки и создания плавной анимации

755
Мгновенный вывод текста из инпута в див

Мгновенный вывод текста из инпута в див

Как мгновенно вывести текст из инпута в див У нас есть обычный инпут и див Когда мы пишем любой текст в инпут, он автоматически появляеться...

304
Установка дня недели в datapiker

Установка дня недели в datapiker

Использую библиотеку jquerydaterangepicker

352
jQuery: выбрать текущее значение при нажатии на кнопку

jQuery: выбрать текущее значение при нажатии на кнопку

День добрый! Есть вот такой шаблон который приходит аяксом при смене селекта

414