!!! GREYBOX THE EASY WAY !!!

At Forsh's request i've modified the original lightbox tutorial for the use of GREYBOX.

DOCUMENTATION AND EXAMPLES OF GREYBOX YOU CAN FIND HERE:

http://apan.net/tools/grey/examples.html

The original site is: http://www.orangoo.com/labs/GreyBox/

but it seems it's now offline.(that's why i've uploaded the zip to filefront)

1. Download greybox

http://files.filefront.com/greyboxzip/;10049059;/fileinfo.html

2. unzip greybox into your joomla template directory

ex: templates/rpp/greybox

3. set permissions to 777 on directory and files

chmod -R 777 greybox

4. Modify and add greybox stuff into the HEADER SECTION

<script type="text/javascript">
var GB_ROOT_DIR = "http://mydomain.com/templates/yourtemplate/greybox/";
</script>

<script type="text/javascript" src="templates/yourtemplate/greybox/AJS.js"></script>
<script type="text/javascript" src="templates/yourtemplate/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="templates/yourtemplate/greybox/gb_scripts.js"></script>
<link href="templates/yourtemplate/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

5. Modify shop.product_details.php (located in administrator/components/com_virtuemart/html)

Look for:
/* Build the "See Bigger Image" Link */
if( @$_REQUEST['output'] != "pdf" ) {
$link = $imageurl;
$text = $ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."<br/>".$VM_LANG->_PHPSHOP_FLYPAGE_ENLARGE_IMAGE;
// vmPopupLink can be found in: htmlTools.class.php
$product_image = vmPopupLink( $link, $text, $width, $height );
}

REPLACE $product_image = vmPopupLink( $link, $text, $width, $height );

with

$product_image = "<a href=\"$imageurl\" target=\"_blank\" rel=\"gb_image[]\" title=\"$product_name\">".$text."</a>";

DONE.

GOOD LUCK & HAVE FUN!

see ya

PS: I'm working to make them work (both lightbox and greybox) for MORE IMAGES tag