Вход

Просмотр полной версии : Вывод контента в модалном окне, чтобы к нему можно было обратиться по ссылке


decadent42
10.04.2016, 22:09
Привет! На сайте (wordpress) установлен jquery-плагин fancybox, который отвечает за вывод popup окон, в которых отображаются записи. Сейчас пользователь нажимает на ссылку типа "#content-popup" и появляется окно, в котором аяксом подгружается содержание записи по id поста, которое берётся из атрибута data в теге <a></a>. Проблема в том, что к этой записи невозможно обратится по ссылке, следовательно нельзя поместить кнопки соц. сетей, а также пользователи не могут делиться и обмениваться ссылками между собой. Посмотрел сайты с подобным функционалом, и там вроде бы используются get-запросы. Но я не до конца понимаю, как это реализовано. Подскажите, пожалуйста. Верно, что для этого нужно использовать ifreme и создавать отдельный файл в теме, который и будет отвечать за вывод этого контента, получая get запросы (это я сам придумал)? И вообще как правильно делается подобное?

Deff
11.04.2016, 02:41
decadent42,
По идее контент имеет свой ID #content-popupN
Значит точная ссылка - ссылка на текущую страницу + #content-popupN

decadent42
11.04.2016, 14:08
Не совсем понял. Вот пример: http://yegorzaitsev.ru/agency/?models=batonina-inna

Deff
11.04.2016, 15:12
Сейчас пользователь нажимает на ссылку типа "#content-popup" и появляется окно, в котором аяксом подгружается содержание записи по id поста, которое берётся из атрибута data в теге <a></a>.
На сайте http://yegorzaitsev.ru/agency/?post_type=models&models_features=1-page для каждого фото есть ссылки такого вида
<a href="http://yegorzaitsev.ru/agency/?models=arkaeva-tanya" class="fancybox" data-fancybox-type="ajax" id="model29312">
<img width="133" height="200" src="http://yegorzaitsev.ru/agency/wp-content/uploads/2013/10/ab-new-150114-1-133x200.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="ab-new-150114 (1)"/>
<span>
</a>
Для обращение к нужной модалке есть и ссылка в обёртке фото личности: href= http://yegorzaitsev.ru/agency/?models=arkaeva-tanya) имхо её и втыкать в кнопку соц сетей