Zen Magnific Support Thread

[yaritai]

Not the "fault" of the auto-installer.. In the IH4 instructions it is stated that in order to use with certain lightbox mods some merging "pre-install" might need to be done..

Umm.. Where in my comment had I put the fault on the IH4 auto-installer. Basically my comments was taken in good light from the OP who had the issue. Sometimes they just need a little tip on what may be wrong and in fact that was the case as from the OP issues that was the most logical thing that may have gone wrong.

[DivaVocals]

Umm.. Where in my comment had I put the fault on the IH4 auto-installer. Basically my comments was taken in good light from the OP who had the issue. Sometimes they just need a little tip on what may be wrong and in fact that was the case as from the OP issues that was the most logical thing that may have gone wrong.

Okay..... got it..

[ellivir]

from this:

$(document).ready(function() {
$('#whatever_class_or_id').whatever_function({

to:

var jq = $.noConflict();
jq(document).ready(function() {
    jq('#whatever_class_or_id').whatever_function({

I have a conflict with easy slider (that is in the front page / index) and I can get the product pages working well with the Magnific but the front page and product listing pages are both using modules/pages/index and there comes a conflict when putting content images in category description using Magnific. If I add the file jscript_zen_magnific.php to the pages/index, the front page slider gets a conflict. If I do not add, all works without errors except I can't of course get the Magnific working on the product listing category description page because that uses the index as a base.

I used the no conflict code and the issue remains. I can even get the pop up images in the content of the product category description working but then the EasySlider is totally broken and the slides tiled around the front page.

[rbarbour]

Can you post a link to your site?

I have a conflict with easy slider (that is in the front page / index) and I can get the product pages working well with the Magnific but the front page and product listing pages are both using modules/pages/index and there comes a conflict when putting content images in category description using Magnific. If I add the file jscript_zen_magnific.php to the pages/index, the front page slider gets a conflict. If I do not add, all works without errors except I can't of course get the Magnific working on the product listing category description page because that uses the index as a base.

I used the no conflict code and the issue remains. I can even get the pop up images in the content of the product category description working but then the EasySlider is totally broken and the slides tiled around the front page.

[numptydave]

When will the v2 be available? All I can find to download is the 1.6 version.

Thanks in advance.

[simon1066]

I have an updated version of this plugin I will be uploading soon.

Complete with install files for IH4 and without.
Detailed install instructions for ez-pages, listing pages, center-boxes, side-boxes, existing popups.
Added admin config to use hosted jquery, google CDN or none

Although I'm not quite ready to benefit from this new version, I was wondering whether this update is imminent.

I already use this for product images and would like to use Zen Magnific for existing popups. I'll be attempting customisation myself and from a brief look at the code I'll no doubt be posting a few questions.

Cheers

Simon

[rbarbour]

It's actually real easy to add to other images and popups. I have been ill for the past few months and haven't had much time to allocate to much of anything.

I will do my best to get this complete, in the meantime if in the forums I will help where I can.

Although I'm not quite ready to benefit from this new version, I was wondering whether this update is imminent.

I already use this for product images and would like to use Zen Magnific for existing popups. I'll be attempting customisation myself and from a brief look at the code I'll no doubt be posting a few questions.

Cheers

Simon

[simon1066]

Thank you and I hope you're recovering from your illness.

Good to know that the customisation is not too difficult to achieve, I'll let you know if I get stuck.

Cheers

Simon

[simon1066]

In an attempt to get popups displaying with Zen Magnific, I have been partially successful in doing so with popup_search_help.

Having

1. Added jscript_zen_magnific.php to pages > advanced_search folder

2. Put this code in tpl_advanced_search_default

if (ZEN_MAGNIFIC_STATUS == 'true') {
  if (ZEN_MAGNIFIC_GALLERY_MODE == 'true' && ZEN_MAGNIFIC_GALLERY_MAIN_IMAGE == 'true') {
    $relBOF = '<div class="html-code grid-of-images popup-gallery">';
    $relEOF = '</div>';
  } else {
    $relBOF = '<div class="html-code grid-of-images popup">';
    $relEOF = '</div>';
  }
?>
<div style="margin-right:10px;" class="forward">
<script language="javascript" type="text/javascript"><!--
document.write('<?php echo $relBOF . '<a href="http://mydomain.com/index.php?main_page=popup_search_help">' . TEXT_SEARCH_HELP_LINK . '</a>' . $relEOF; ?>');
//--></script></div>
<?php // EOF (ZCadditions (rbarbour) edits) ?>
<?php } else { ?>
<?php // eof Zen Magnific 2012-04-30 niestudio ?>

<div style="margin-right:10px;" class="forward"><?php echo '<a href="javascript:popupWindow(\'' . zen_href_link(FILENAME_POPUP_SEARCH_HELP) . '\')">' . TEXT_SEARCH_HELP_LINK . '</a>'; ?></div>

<?php } ?>

3. Changed 'type' from image to iframe in autoload_default.php

I can, after clicking on the search help(?) link, get a ZM popup to appear but with a dark background and the help text too dark to read. I don't want to fiddle with the css until I know I'm doing the right thing.

I'm guessing my issue lies with using the correct class with which to display the popup_search_help content, i.e. "html-code grid-of-images popup-gallery" may not be correct, nor might "mainClass: 'mfp-img-mobile'" in autoload_default.php. I've used some of the classes and css from rbarbour's demo site but there are potentially so many classes involved that it's got a little confusing.

It may be that I'm approaching this popup coding the wrong way but I've now run out of ideas, any suggestions?

Cheers

Simon

[rbarbour]

easiest way:

1 - /includes/classes/zen_magnific/autoload_default.php

add:

$(document).ready(function() {

    $('.popup-windows').magnificPopup({
        type: 'iframe',
showCloseBtn: <?php echo ZEN_MAGNIFIC_SHOWCLOSEBTN;?>,
tClose: '<?php echo ZEN_MAGNIFIC_TCLOSE;?>',
closeOnBgClick: <?php echo ZEN_MAGNIFIC_CLOSEONBGCLICK;?>,
closeBtnInside: <?php echo ZEN_MAGNIFIC_CLOSEBTNINSIDE;?>,
        modal: false
    });

});

2 - upload jscript_zen_magnific.php to /includes/modules/pages/advanced_search

3 - all that needs to be done now is to add a class to a new link replacing the popup window link

in /includes/templates/YOUR_TEMPLATE/templates/tpl_advanced_search_default.php

find

<div class="forward"><?php echo '<a href="javascript:popupWindow(\'' . zen_href_link(FILENAME_POPUP_SEARCH_HELP) . '\')">' . TEXT_SEARCH_HELP_LINK . '</a>'; ?></div>

replace with

<?php 
// define admin config defaults if admin configs not set.
if (!defined('ZCA_MAGNIFIC_SEARCH_POPUP')) define('ZCA_MAGNIFIC_SEARCH_POPUP', 'true');

   if (ZCA_MAGNIFIC_SEARCH_POPUP == 'true') {
  echo '<div class="forward"><a href="' . zen_href_link(FILENAME_POPUP_SEARCH_HELP) . '" class="popup-windows">' . TEXT_SEARCH_HELP_LINK . '</a></div>';
} else {
  echo '<div class="forward"><a href="javascript:popupWindow(\'' . zen_href_link(FILENAME_POPUP_SEARCH_HELP) . '\')">' . TEXT_SEARCH_HELP_LINK . '</a></div>';
} ?>

As you can see all my testing is complete, admin configs added and ready to upload, just have to document it.