Zen Lightbox addon [Support Thread]

IH2 working. Adds additional images Gr8. Rollover works Gr8. Popupworks Gr8 (dangit).
Zen Lightbox working on main product images.

After reading here I see the two work together, but not for me. IH2 is displaying images in a popup window.

Reinstalled Zen Lightbox (in case I missed something), no change.

Can't find what I'm missing in order to get images uploaded via IH2 to display with Zen Lightbox instead of the popup.

http://tinyurl.com/3dkrx7

ZenCart 1.3.7
IH2 - image-handler_2.0-zc135
Zen Lightbox 1.3

Hey,
great mod!
Does this work for html pages to open in popup window?
just like this one
http://particletree.com/examples/lightbox/

what has to be modified in your files to acomplish this?

Thanks

This is great modules but can anyone tell me how to config big image when move mouse to?

Does Not Work With Lavender Template. Had O Uninsstall.l.

Fatal error: Call to undefined function: zen_image_lightbox_ih2_url() in /home/cubecase/public_html/includes/templates/nifty_zen/templates/tpl_modules_main_product_image.php on line 17

Line 17 reads:

document.write('<?php echo '<a href="' . zen_image_lightbox_IH2_url($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '<\/span><\/a>'; ?>');

My Product Description shows blank, help.

wow, talk about painless install

works like a charm

Alex,

Have you checked into the non-closure of the lightbox when using FF yet?

Gerry

I am using the > Lavender Template and have successfully installed Lightbox, however....when trying to locate the second image (it does indicate 2 images) the spinner just spins in a new window with the blank background behind it. Both images show on my product page and I have named them the same with the exception of _01 or _top. Please help!

andrereis:

Does Not Work With Lavender Template. Had O Uninsstall.l.

I did have luck with Lavender Template using instructions just as described. the only problem I have now is with the second image. (See message posted by 2Beads where I describe my issue).

Hi Alex,

Thanks for this great mod!!

Are you still planning to put out the long awaited update or have you bagged it?

Thanks!!

Matt

Hi Matt,

I'm still planning to update Zen Lightbox. Not sure exactly when as I'm a little busy with clients work at the moment, but as soon as I have a release date I'll let everyone know. :)

Ok, I fixed some things, but I still am not getting images on the product description page.
Example:
http://cubecaseoutlet.com/index.php?main_page=product_info&products_id=7454

I am using tabbed products. It was working just fine with tabbed products until after I installed IH2 and Lightbox.

So, my question is, "Since I use a different folder for all my product images located at:
cubecaseoutlet.com/images/asi_inventory/ (all of my product images).jpg
Do I need to make a change somewhere to represent that?"

I am assumin it has something to do with tpl_modules_main_product_image.php, but I'm not sure.

Also, how do I get the hover popup to work?

Or is this an IH2 issue?

I'm having an odd problem. Lightbox used to run perfectly; but now lightbox has decided not to work for 'some' products. All I get is the spinning wheel (well that's what I like to call it).

Working Example:
http://brasslinepro.com/index.php?main_page=product_info&products_id=2611

Non-working Example:
http://brasslinepro.com/index.php?main_page=product_info&cPath=8_18&products_id=2760

I was running Zencart 1.3.7 (w/ the IH2 plugin).

I upgraded to Zencart 1.3.7.1 (winmerge showed no obvious changes to related image handling files). I did not notice anything broken after the upgrade. But as I said... not all of the images are broken.

  MySQL 5.0.27-standard
    PHP Version:                 4.4.7 (Zend: 1.3.0)

For the sake of completeness...

1. I did recently ran a major 'Easy populate'. I only caught this new image problem as I was doing a 'quality control check' of the products.
2. But I looked in the database and it checks out fine (I looked at the actual MySql contents).
3. I also tried editting a product, deleted the image, and loaded a fresh image w/ no success.
4. I also tried deleting the bmz_cache. Still no luck.
   I'm sure the solution is obvious but I'm just missing it.:frusty:

Any ideas folks?
Thanks!

refriend:

I'm having an odd problem. Lightbox used to run perfectly; but now lightbox has decided not to work for 'some' products. All I get is the spinning wheel (well that's what I like to call it).

Hi, refriend ... I've found this problem before with lightbox, several times in fact, but I always discovered that it happened because there wasn't an image in the 'large' folder. Any chance this problem existed before your upgrade, and you just need to move an image in ?

I had the same thought. So I checked and both the large and medium folders are (and have been empty). I believe IH2 handles the resizing and then caches the images (with watermarks if appropriate) in the bmz_cache folder.

I then dove deeper and found that when zencart tries to display an image_large it does its own error checking. If image_large doesn't exist then the variable is assigned to point to the original image .

Please note that I am not using the actual variable names right now... just the concept.

I will test the idea (later... when I get home) by placing images in the 'large' folder and report back with the results.

In regards to my last post. Storing an image in the 'large' folder has no effect.

Well, I identified one part of the problem. ZenCart 1.3.7.1 made some good changes. Zen now catches when medium and large image versions don't exist and will use the standard image by default. The file adversely affecting lightbox (and IH2) is /includes/modules/main_product_image.php.

When the 1.3.7.1 code is removed lightbox operates correctly but the product image is missing.

When the 1.3.7.1 code is added the product image is correct but 'some' lightbox images won't pull up. Keep in mind that my /images/medium & /images/large
folders are empty. IH2 handles the resizing.

Hopefully this info will help someone.

Alright. Everything I wrote previously was correct... but moot.

Now how about a solution, huh? (for those having a problem.)

Replace /includes/templates/YOUR-TEMPLATE/templates/tpl_modules_main_product_image.php with the following:

<?php
/**
 * Module Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_modules_main_product_image.php 3208 2006-03-19 16:48:57Z birdbrain $
 */
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>

<div id="productMainImage" class="centeredContent back">
  <!-- begin zen lightbox v1.3 aclarke 2006-10-20 -->
  <script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="' . zen_image_lightbox_IH2_url($products_image_large, addslashes($products_name), '800', '600') . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
  <!-- end zen lightbox v1.3 aclarke 2006-10-20 -->
  <noscript>
  <?php
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
  </noscript> 
</div>

Basically, the problem was with LARGE_IMAGE_WIDTH and LARGE_IMAGE_HEIGHT so I hard coded them with '800' and '600'.

Bada Bing. Not an elegant solution... but it works!

Is there any way i can get this to open up in an absolute position? Like always 60px from the top of the page? Right now it opens up relative to how far you are scrolled down on the page.

/includes/templates/template_default/lightbox.js

Edit line 352

var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);

• Replace the '/15' with a greater number to reduce the space above your images.
• Erase '+ (arrayPageSize[3] / 15)' to remove the top spacing altogether
• Erase 'arrayPageScroll[1] + ' to remove it's 'adjust to scroll' features (though I don't know why you would want to do that)I discovered these on my own so the experts can offer a cleaner solution if they know of it.

BTW. Edit Line 65 to adjust lightbox's resize speed.