Zen Lightbox addon [Support Thread]

[davewest]

@capecodjoe

Glad you got it to work.. something to think about...

The location the lightbox code is looking for buttons is

(<?php echo $template->get_template_dir('', DIR_WS_TEMPLATE, $current_page_base, 'buttons/') . $_SESSION['language'] . '/zen_lightbox/nextlabel.gif'; ?>)

YOUR_TEMPLATE/buttons/LANGUAGE/zen_lightbox/nextlabel.gif

Which gives you the ability to use different languages with lightbox. Because the spinner is not dependent on a language, it was placed in a folder such, YOUR_TEMPLATE/images/zen_lightbox/loading.gif and is addressed in the css for zen_lightbox.

Sorry for the late answer, been a very long week... hopefully this helps a bit.

[yba]

Hi there

I have installed Zen Lightbox on my test site, and am unable to get multiple images working.

http://yourbusinessassistant.com.au/...products_id=86

ATM this is the only product which has multiple images uploaded.

The images are all in folder /images/cb750

images are named

cb750_tripletree.jpg
cb750_tripletree1.jpg
cb750_tripletree2.jpg
cb750_tripletree3.jpg
cb750_tripletree4.jpg
cb750_tripletre5e.jpg
cb750_tripletree6.jpg
cb750_tripletree7.jpg
cb750_tripletree8.jpg
cb750_tripletree9.jpg

What am I missing?

Cheers
Danielle

[KES99]

Hi there

I have installed Zen Lightbox on my test site, and am unable to get multiple images working.

http://yourbusinessassistant.com.au/...products_id=86

ATM this is the only product which has multiple images uploaded.

The images are all in folder /images/cb750

images are named

cb750_tripletree.jpg
cb750_tripletree1.jpg
cb750_tripletree2.jpg
cb750_tripletree3.jpg
cb750_tripletree4.jpg
cb750_tripletre5e.jpg
cb750_tripletree6.jpg
cb750_tripletree7.jpg
cb750_tripletree8.jpg
cb750_tripletree9.jpg

What am I missing?

Cheers
Danielle

Did they work BEFORE you installed lightbox? I somehow doubt they did. What always works for me is:

cb750_tripletree.jpg the main image
cb750_tripletree_01.jpg, cb750_tripletree_02.jpg etc as the additional images.....it's the underscore that makes the difference...

[yba]

Thanks Kes99

I have renamed all the images to ..._01.jpg etc but is still not working.

Any ideas?

Cheers
Danielle

[KES99]

Thanks Kes99

I have renamed all the images to ..._01.jpg etc but is still not working.

Any ideas?

Cheers
Danielle

Check this setting:

Admin->Catalog->Product Types->Product General->Edit Layout->Show Additional Images

it should be true or 1

Check also:

Admin->Configuration->Images->Product Info - Number of Additional Images per Row It should be greater than zero.

At the moment your main image is cb750_tripletree_02.jpg.

It should be cb750_tripletree.jpg then cb750_tripletree_01.jpg, cb750_tripletree_02.jpg etc should be the additional images....

For cb750_tripletree_02.jpg to be the main image additional images would have to be named
cb750_tripletree_02_01.jpg
cb750_tripletree_02_02.jpg etc....

read the tutorial at:

https://www.zen-cart.com/tutorials/index.php?article=58

I very much doubt that lightbox has broken additional image handling....did they work BEFORE you installed that module?

[limelites]

I use this mod already on my site for the product info page to enlarge the main image and additional images. It works a treat for me there.

My question is, how would I get it to work on a defined page like this one:

http://www.silkblooms.co.uk/index.ph...e_arrangements

Rather than pasting that big map in there, I'd rather thumbnail the map and have it open in a lightbox.

Do I need to insert javascript into the HTML I'm using on this page? Any pointers greatly appreciated.

[Monsunemoon]

Hi I need some help with Zen Lightbox. I have a product info page here

http://www.mygamedemos.com/store/ind...roducts_id=234

I can get the gallery mode / lightbox to work on the main product image at the top, by putting this file:

zen_lightbox-v1.5-20081218\includes\modules\pages\product_info\jscript_zen_lightbox.php

which contains this:

<?php
/**
 * Zen Lightbox
 *
 * @author Alex Clarke ([email protected])
 * @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: jscript_zen_lightbox.php 2008-12-09 aclarke $
 */

if (ZEN_LIGHTBOX_STATUS == 'true') {
  require_once(DIR_FS_CATALOG . DIR_WS_CLASSES . 'zen_lightbox/slimbox.php');
  require_once(DIR_FS_CATALOG . DIR_WS_CLASSES . 'zen_lightbox/autoload_default.php');
}
?>

into includes/modules/pages/product_info:

However, my problem is that the light box / gallery mode doesn't work for the other images on the page (the circular makeup shades).

If I replace the includes/modules/pages/product_info/jscript_zen_lightbox.php with the other jscript_zen_lightbox.php from zen_lightbox-v1.5-20081218\

which contains this:

<?php
/**
 * Zen Lightbox
 *
 * @author Alex Clarke ([email protected])
 * @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: jscript_zen_lightbox.php 2008-12-17 aclarke $
 */

if (ZEN_LIGHTBOX_STATUS == 'true') {
  require_once(DIR_FS_CATALOG . DIR_WS_CLASSES . 'zen_lightbox/slimbox.php');
?>

Slimbox.scanPage = function() {
    $$(document.links).filter(function(el) {
        return el.href && el.href.test(/\.(<?php echo str_replace(',', '|', str_replace(' ', '', ZEN_LIGHTBOX_FILE_TYPES)); ?>)$/i);
    }).slimbox({<?php require_once(DIR_FS_CATALOG . DIR_WS_CLASSES . 'zen_lightbox/options.php'); ?>]}, null, function(el) {
        return (this == el) || (this.parentNode && (this.parentNode == el.parentNode));
    });
};
window.addEvent("domready", Slimbox.scanPage);
//--></script><?php } ?>

the light box function works for both the main product image at the top of the page and the other images on the page (the circular makeup shades). But the gallery mode doesnt work on the main product image.

Is there any way to get the gallery mode to work on the main product image AND on the other images on the page? Please help

[davewest]

I use this mod already on my site for the product info page to enlarge the main image and additional images. It works a treat for me there.

My question is, how would I get it to work on a defined page like this one:

http://www.silkblooms.co.uk/index.ph...e_arrangements

Rather than pasting that big map in there, I'd rather thumbnail the map and have it open in a lightbox.

Do I need to insert javascript into the HTML I'm using on this page? Any pointers greatly appreciated.

You need to copy the includes\modules\pages\product_info\jscript_zen_lightbox.php to your includes\modules\pages\hire_arrangements\jscript_zen_lightbox.php That will load the script into your page. Then its just a matter of setting up the links, rel="lightbox" and rel="lightbox-g".

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

basicly, something like this..

<a href="images/large.jpg" rel="lightbox-g" title="My very large image"><img src="images/small.jpg" alt="My very large image" title=" My very large image" width="65" height="80" /><br />Click for larger image</a>'

[limelites]

DaveWest, thank you. That worked beautifully.

[Monsunemoon]

Thanks davewest, that also fixed my problem.