[chamberinternet]

Hello ...

This mod was inspired from Zaja (7Dana) who released the Lightbox JS v2.0 implementation.
Bascially it's a replacement of the detailed images popup to be displayed using Greybox rather than Thickbox.

More Info on Greybox: http://orangoo.com/labs/GreyBox/

Example of Implementation: http://www.onlinebearings.co.uk/205-litre-side-lever-barrel-pump-pr-16351.html

This mod has only been tested on v4.1.8 & v4.1.9

Install Instructions:

1)
Unzip the file and copy the greybox folder into the /skin1 directory.

2)
Open /skin1/greybox/gb_productpage.tpl and ensure the "GB_ROOT_DIR" variable is set to the the URL where the Greybox source files are located.
e.g.

var GB_ROOT_DIR = "http://www.yourdomain.com/skin1/greybox/files/";

3)
Open the /skin1/customer/main/product.tpl and find the following line:

{include file="modules/Detailed_Product_Images/popup_image.tpl"}

Straight after the above line add the following:

{include file="greybox/gb_productpage.tpl" }

4)
Within the same file (product.tpl), comment {* *} the following code (Located near the bottom):

{if $active_modules.Detailed_Product_Images ne "" && ($config.Detailed_Product_Images.det_image_popup ne 'Y' || $js_enabled ne 'Y')}
<p />
{include file="modules/Detailed_Product_Images/product_images.tpl" }
{/if}

Thats It...

Regards

Shafiq :sK