Affilistore Mod - LightBox V2 Integration
This integrates the LightBox v2 script into affilistore.
When a product (from list) image or similar product image is clicked it will show the large product image.
This requires some product template change for which there is no fixed method.
Effectively though I would recommend moving the PRODLINK link from wrapping aroung the image and to its own link wrapping some text, like More or Details. Example can be seen on the iwatches.co.uk site.
Download LightBox V2 - Here
Upload the js, cs & images folders to your site root. Effectively creating 3 new folders. No overwriting of existing files.
1. index.tpl
In your skin index.tpl file add the following above the tag
Add the following below the main
-
<link rel="stylesheet...line
-
<link rel="stylesheet" href="{INSTALLDIR}css/lightbox.css" type="text/css" media="screen" />
2. includes/products.inc.php
Add the following after the //thumb image if/else section around line 60
-
//LightBox Image
-
$lightImage = $similar['prodImageURL'];
-
$lightCaption = $similar['prodName'];
-
$box_content->assign("LBOXLINK", $lightImage);
-
$box_content->assign("LBOXTITLE", $lightCaption);
Add the following after the //thumb image if/else section around line 490
-
//LightBox Image
-
$lightImage = $row_product['prodImageURL'];
-
$lightCaption = $row_product['prodName'];
-
$box_content->assign("LBOXLINK", $lightImage);
-
$box_content->assign("LBOXTITLE", $lightCaption);
3. styleTemplates/products.tpl
This depends on how you want to style your products section, but requires a new image wrap link e.g
( the p tag could be replaced with an inline tag such as span)
Move the original image wrap to e.g
Again div can be replaced with span for inline styling
3. StyleSheet
Add any extra styling to the css file e.g
-
.styleProdImage {
-
text-align:center;
-
display:block;
-
}
-
.styleProdLink {
-
position: absolute;
-
bottom:0;
-
right:0;
-
line-height: 200%;
-
}
You will need to use your own css styles!
S
[...] - bookmarked by 4 members originally found by hominymanchild on 2008-08-18 Affilistore Mod - LightBox V2 Integration http://www.anyname.co.uk/2008/07/affilistore-mod-lightbox-v2-integration/ - bookmarked by 2 [...]