Zen Magnific Support Thread

[rbarbour]

1.) You can create separate functions for each iframe and apply a wrapper

Example
$('.pop1').magnificPopup({
type: 'iframe',
iframe: {
markup: '<div style="width:500px; height:200px;">'+
'<div class="mfp-iframe-scaler" >'+
'<div class="mfp-close"></div>'+
'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
'</div></div>'
}
});

2.) You could use CSS to apply the height (same height applies to all iframes on page)
body#shoppingcartBody .mfp-iframe-scaler iframe.mfp-iframe {height:260px;}

3.) You could wait till I document and package!

A problem I have with applying ZM to popups is getting it to automatically adjust its height to popups of varying sizes.

As I see it the global height of popups is determined by padding-top of .mfp-iframe-scaler class.

I've seen elsewhere online mention of specifying height in the autoload functions and using a different function for each popup, although I haven't worked out how to do this yet.

Perhaps there's an easier way?