Zen Lightbox addon [Support Thread]

[refriend]

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!

[Rebelwax]

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.

[refriend]

/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.

[yellow1912]

I use Lightbox with Zen 1.3.7 + IH2 and have no problem with image not showing, no code needed to be modified.

Anyway, 1 tip for all: since lightbox is used only when the customers view the product in product_info page, there is no reason to load it on every page and slow down your site, you can rename stylesheet_lightbox.css to product_info.css

[eden]

Does any one know a way to use lightbox in an ezpage?
I need to make a page of thumbnails that when clicked, open in to large images using lightbox.

[100asa]

I'm searching for it, but I don't find the answer.
Can I move the box a little more down?

[Alex Clarke]

Zen Lightbox v1.4 has just been released and will be available in the downloads section shortly.

A full list of changes can be found below.

• Renamed Zen Lightbox function, various files and folders
• Improved use of the overrides system for JavaScript and image files
• Added admin switch to enable/disable Zen Lightbox
• Added admin switch to adjust the overlay opacity
• Added admin switch to adjust the overlay fade duration
• Added admin switch to enable/disable resize animations
• Added admin switch to adjust the resize speed
• Added admin switch to adjust the border size
• Added admin switch to enable/disable the lightbox from closing when you click on the overlay
• Added admin switch to enable/disable Flash objects from being hidden when the lightbox is displayed
• Added admin switch to specify a DIV class to hide when the lightbox is displayed
• Added lightbox functionality to document_general_info, document_product_info, product_free_shipping_info, product_music_info, product_reviews, products_reviews_info and product_reviews_write pages.
• Updated Lightbox JS v2 code to version 2.03.3
• Reverted to original CSS code (with custom fixes)
• Fixed model number display error on product_reviews page
• Added code to load all lightbox resources before image loading is complete
• Updated support for Zen Cart 1.3.7.1 and Image Handler 2.0 v0916
• Removed close link from lightbox image

I'll reply to this thread again when the download link is active.

[Alex Clarke]

The download link for Zen Lightbox v1.4 is now active.

http://www.zen-cart.com/index.php?ma...roducts_id=273

Please report any bugs or post any comments or questions here.

Enjoy!

[yellow1912]

Thank you for the update, Alex. It's working great!

[gcampos]

The download link for Zen Lightbox v1.4 is now active.

http://www.zen-cart.com/index.php?ma...roducts_id=273

Please report any bugs or post any comments or questions here.

Enjoy!

Alex,

Is the firefox fix in this issue?

Gerry