comprido | 
Jue 10 sep 2009 
FloatBox + CubeCart
Mod sugested by comfy (cubecart forum)
Following your sugestions comfy I´ve implemented Floatbox – http://randomous.com/floatbox/home) in a CubeCart Shop.
So if you have your CubeCart Shop under www.domain.com and Floatbox www.domain.com/floatbox/:
1. Link cart.tpl, index.tpl CSS and JS files adding before <head> tags in your theme files:
<link href=”../floatbox/floatbox.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript” src=”../floatbox/floatbox.js”></script>
######## ADDING FLOATBOX FOR THE INDEX THUMBNAILS ########
2. Open index.inc.tpl from includes/ folder (in root):
Line 62 SEARCH FOR:
$index->assign(“VAL_IMG_SRC”,$GLOBALS['rootRel'].”images/uploads/thumbs/thumb_”.$latestProducts[$i]['image']);
IN LINE BEFORE INSERT:
$index->assign(“LRG_IMG”,$GLOBALS['rootRel'].”images/uploads/”.$latestProducts[$i]['image']);
Line 65 SEARCH FOR:
$index->assign(“VAL_IMG_SRC”,$GLOBALS['rootRel'].”skins/”.$config['skinDir'].”/styleImages/thumb_nophoto.gif”);
IN LINE BEFORE INSERT:
$index->assign(“LRG_IMG”,$GLOBALS['rootRel'].”skins/”.$config['skinDir'].”/styleImages/thumb_nophoto.gif”);
3. Under your theme folder, open global/index.tpl
Line 14 SEARCH FOR:
<a href=”index.php?act=viewProd&productId={VAL_PRODUCT_ID}”><img src=”{VAL_IMG_SRC}” alt=”{VAL_PRODUCT_NAME}” border=”0″ title=”{VAL_PRODUCT_NAME}” /></a>
REPLACE WITH:
<a href=”{LRG_IMG}” title=”{VAL_PRODUCT_NAME}”><img src=”{VAL_IMG_SRC}” alt=”{VAL_PRODUCT_NAME}” border=”0″ title=”{VAL_PRODUCT_NAME}” /></a>
######## ADDING FLOATBOX TO THE MORE IMAGES LINK IN PRODUCT VIEW PAGE ########
4. In theme folder, global/viewProd.tpl file:
Line 11 SEARCH FOR:
<div style=”text-align: center;”><img src=”{IMG_SRC}” alt=”{TXT_PRODTITLE}” border=”0″ title=”{TXT_PRODTITLE}” /></div>
<!– BEGIN: more_images –>
<div style=”text-align: center;”><a href=”javascript:openPopUp(‘extra/prodImages.php?productId={PRODUCT_ID}’, ‘images’, 548, 455, 0);”>{LANG_MORE_IMAGES}</a></div>
<!– END: more_images –>
REPLACE WITH:
<div style=”text-align: center;”><a href=”../extra/prodImages.php?productId={PRODUCT_ID}” title=”{TXT_PRODTITLE}”><img src=”{IMG_SRC}” alt=”Pulse para ampliar” border=”0″ title=”{TXT_PRODTITLE}” /></a></div>
<!– BEGIN: more_images –>
<div style=”text-align: center;”><a href=”../extra/prodImages.php?productId={PRODUCT_ID}” title=”{TXT_PRODTITLE}”>{LANG_MORE_IMAGES}</a></div>
<!– END: more_images –>
Remember that you can add the Floatbox View in the viewCat.tpl file also.
CubeCart 3.0 + FloatBox (80,4 KiB, 342 hits)
If it´s too difficult, just download & replace your files with the content in this *.zip and FTP upload to your server (remember to rename “YOURTHEME” folder with the name of your theme)!
