I have a page that uses Magnific Popup to show popups (http://dimsemenov.com/plugins/magnific-popup/documentation.html). This popup it being loaded with the following peace of Javascript:
$('.popoup-team').magnificPopup({
type: 'ajax'
});
There an overview page (which is the page that you can click the popup) and when clicking the popup, another page is loaded with ajax, which only contains the popup.
{exp:channel:entries
channel="team"
dynamic="no"
}
<div class="ajax-text-and-image white-popup-block">
<div class="row">
<div class="col-xs-4 team-image">
{exp:ce_img:single
src="{team_afbeelding}"
class="img-responsive"
width="279"
height="279"
crop="yes"
}
</div>
<div class="col-xs-8">
<h1>{title}</h1>
<h2>{team_functie}</h2>
{team_beschrijving}
</div>
</div>
</div>
{/exp:channel:entries}
The problem is that the id of the entry that I'm trying to show in the popup is established in url of the overview page, and I'm unable to reach that id in the detail page that contains the popup.
So the URLS are: Overview page URL: domain.com/team/25 Detail page URL: domain.com/team/detail
Does anybody know a solution for this?