Adding JQuery Lightbox to additional images

**chillout_buddha** · 7 Apr 2009, 04:43 AM

I am trying to add jquery lightbox (http://code.google.com/p/jquery-lightbox/) to additional images on my shopping cart. I followed all the instructions in here: http://warren.mesozen.com/jquery-lightbox/ but the lightbox is not working. The .js and .css files are correctly included on the <head> section. For implementing the lightbox, I modified the code in includes/modules/MYTEMPLATE/additional_images.php like the following:

$script_link = '<a href="'.$products_image_large.'" rel="lightbox[images]">'.$thumb_slashes.'</a>';

I have seen the lightbox modules on download section. They seem to have lot more modifications in them. I am just trying to see if there is a simple way of doing it as shown on the above URLs.

If anyone has successfully implemented it on zencart, pls let me know.

Cheers!

**chillout_buddha** · 8 Apr 2009, 02:45 AM

I got it working now. I forgot to include a piece of javascript. My own fault...

Just included the following code within the <head> section of includes/templates/MYTEMPLATE/common/html_header.php:

<script>
$(document).ready(function(){
$(".lightbox").lightbox();
});
</script>

**yellow1912** · 8 Apr 2009, 02:49 AM

Well, what the modules try to do is:
1. make sure that only a limited of files are altered
2. make sure the css and js only loaded on appropriate pages only (loaded only when needed)
3. flexibility (make sure the lightbox can be turned on on many pages (or product types)

Anyhow, glad you got it worked out for you