Zen Magnific Support Thread

I'm uploading a zen cart module for adding Magnific Pop-Up image display to Zen Cart. It can be seen in action at Renaissance Man Inc . com

mutinyzoo:

I'm uploading a zen cart module for adding Magnific Pop-Up image display to Zen Cart. It can be seen in action at Renaissance Man Inc . com

That is one of the best lightweight responsive lightboxes available. Did you also include code to work with additional images?

It does include code to work with additional images, as you can see at the RenaissanceManInc.com site. It's a responsive lightbox which fills the page with image at whatever size the page is in. I only included a tpl_product_info_display file, but adding to other pages is as simple as adding a div surrounding whichever image or images you want to be part of the lightbox. Just submitted now, so will post an alert when and if it is approved. Also thanks to picaflor azul for the responsive template that inspired it.

mutinyzoo:

It does include code to work with additional images, as you can see at the RenaissanceManInc.com site. It's a responsive lightbox which fills the page with image at whatever size the page is in. I only included a tpl_product_info_display file, but adding to other pages is as simple as adding a div surrounding whichever image or images you want to be part of the lightbox. Just submitted now, so will post an alert when and if it is approved. Also thanks to picaflor azul for the responsive template that inspired it.

I am fully aware of it's capabilities, I have used it in several projects.

Thank you for packaging it.

And yes, picaflor azul templates are inspiring allot of new ZC plugins. :smile:

rbarbour:

Thank you for packaging it.

A pleasure. I hope someone will be inspired to incorporate the many options into a MySql update so that they can be configured from the Admin. Maybe it will be me.

mutinyzoo:

A pleasure. I hope someone will be inspired to incorporate the many options into a MySql update so that they can be configured from the Admin. Maybe it will be me.

As stated earlier I have incorporated this plugin in many projects.

I have already added several sql statements for my version. If you want to pm me your file I will take a look at it and see what changes I have to make to my sql and forward it back to you.

rbarbour:

As stated earlier I have incorporated this plugin in many projects.

I have already added several sql statements for my version. If you want to pm me your file I will take a look at it and see what changes I have to make to my sql and forward it back to you.

that would be great.

I recently installed ZEN_MAGNIFIC_1.5. on http://www.cumingsmemorials.com/Store_151 and when I click on an image it isn't loading. Is it conflicting ImageHandler4? I have re installed both plugins and taken one off while the other was loaded and several other permutations and I am still not able to get it to work properly. I am using ZC_1.5.1. Thank you.

Everything else seems to be working fine. Everything loaded into the Admin- config correctly and all other files are in the correct place. When I click on an image, the screen darkens like it is supposed to and the arrows are present when there are additional images. But the actual images don't show up. I just finished making the website live so the revised web address is http://cumingsmemorials.com.

Graniteman22:

Everything else seems to be working fine. Everything loaded into the Admin- config correctly and all other files are in the correct place. When I click on an image, the screen darkens like it is supposed to and the arrows are present when there are additional images. But the actual images don't show up. I just finished making the website live so the revised web address is http://cumingsmemorials.com.

The plugin you are using on the above site is not zen magnific, and the images are loading fine in my browser.

You may need to clear your catch.

If you have in fact swapped out zen magnific for another, it will be hard to diagnose the issue but my first guess would be a jQuery conflict in which case you could swap any jQuery code

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({

rbarbour:

The plugin you are using on the above site is not zen magnific, and the images are loading fine in my browser.

You may need to clear your catch.

If you have in fact swapped out zen magnific for another, it will be hard to diagnose the issue but my first guess would be a jQuery conflict in which case you could swap any jQuery code

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 had actually just uninstalled zen_magnific and installed fual slimbox. I am sure I will like zen_magnific much better so I will uninstall fual slimbox and reinstall zen_magnific and let you know when I have reinstalled it so you can look at it.

Graniteman22:

I had actually just uninstalled zen_magnific and installed fual slimbox. I am sure I will like zen_magnific much better so I will uninstall fual slimbox and reinstall zen_magnific and let you know when I have reinstalled it so you can look at it.

ok...after uninstalling fual slimbox files...all seems to work fine now. Zen_magnific does look much better. Thank you.

I would like to use it also with "additional images" of product uploaded via ImageHandler. I dunno where to change stuff to make it so. Anyone having same problem ?

vojtechjan:

I would like to use it also with "additional images" of product uploaded via ImageHandler. I dunno where to change stuff to make it so. Anyone having same problem ?

If installed properly this works with ImageHandler.

So if I install it correctly aditional images will be shown the same method as main image is shown on the site? Cause I reall need to know how to make ZEN MAGNIFIC to Magnify also "aditional images" on product page in the "gallery" way

Thanks for this.

I would suggest making the following changes to includes/modules/pages/product_reviews/header_php.php

Line 42 - 46:

  if (zen_not_null($review->fields['products_model'])) {
    $products_name = $review->fields['products_name'] . '<br /><span class="smallText">[' . $review->fields['products_model'] . ']</span>';
  } else {
    $products_name = $review->fields['products_name'];
  }

change to:

// Uncomment the following 4 lines to show the model number on tpl_product_reviews_default.php
  
//  if (zen_not_null($review->fields['products_model'])) {
//    $products_name = $review->fields['products_name'] . '<br /><span class="smallText">[' . $review->fields['products_model'] . ']</span>';
//  } else {
    $products_name = $review->fields['products_name'];
//  }

Otherwise the product model shows up and messes with the alignment.

paul3648:

Thanks for this.

I would suggest making the following changes to includes/modules/pages/product_reviews/header_php.php

Line 42 - 46:

  if (zen_not_null($review->fields['products_model'])) {
    $products_name = $review->fields['products_name'] . '<br /><span class="smallText">[' . $review->fields['products_model'] . ']</span>';
  } else {
    $products_name = $review->fields['products_name'];
  }

change to:

// Uncomment the following 4 lines to show the model number on tpl_product_reviews_default.php
  
//  if (zen_not_null($review->fields['products_model'])) {
//    $products_name = $review->fields['products_name'] . '<br /><span class="smallText">[' . $review->fields['products_model'] . ']</span>';
//  } else {
    $products_name = $review->fields['products_name'];
//  }

Otherwise the product model shows up and messes with the alignment.

This is a known issue and will be fixed in v1.6.0, code simply needs to be changed, not commented out.

Related Thread

Love this mod better than the zenlightbox I was using. But I want to ask if this error is going to cause issues in the display of the site in certain instances.

When viewing the page source, the closing </body> tag is in red. So I went to the w3c validation and it is showing that some divs are not being closed. So I then went into admin and turned off zen maginific and the error went away. After turning it back on, I checked more pages of my site. And I was able to track it down to the issue only happening when additional images are loaded. I am able to replicate it on one of the dev site posted here.

Single main image - http://www.renaissancemaninc.com/index.php?main_page=product_info&cPath=41&products_id=303

Additional image page - http://www.renaissancemaninc.com/index.php?main_page=product_info&cPath=41&products_id=307

This is the exact issue I was having so I went back to lightbox for now just in case it affects the display of the site. Hopefully though I can go back to this mod as it does load quicker than lightbox on mobile devices.

yaritai:

Love this mod better than the zenlightbox I was using. But I want to ask if this error is going to cause issues in the display of the site in certain instances.

When viewing the page source, the closing </body> tag is in red. So I went to the w3c validation and it is showing that some divs are not being closed. So I then went into admin and turned off zen maginific and the error went away. After turning it back on, I checked more pages of my site. And I was able to track it down to the issue only happening when additional images are loaded. I am able to replicate it on one of the dev site posted here.

Single main image - http://www.renaissancemaninc.com/index.php?main_page=product_info&cPath=41&products_id=303

Additional image page - http://www.renaissancemaninc.com/index.php?main_page=product_info&cPath=41&products_id=307

This is the exact issue I was having so I went back to lightbox for now just in case it affects the display of the site. Hopefully though I can go back to this mod as it does load quicker than lightbox on mobile devices.

I have made several changes to this mod, including the missing </div> tags for additional images. Should have completely documented and packaged in the next few days.

rbarbour:

I have made several changes to this mod, including the missing </div> tags for additional images. Should have completely documented and packaged in the next few days.

Much appreciated. This afternoon I was looking over the additional_images.php and the tpl_main_product_image.php and compared them to the zenlightbox addon. I recognized that this one used relBOF and relEOF to wrap the images. In lightbox they only use rel. And when comparing, it seems that it is not a missing a div but rather an extra end div is being put in the script.

I did the merges and am going to test my modifications to see if the errors are still present. But will look forward to your update.