I need to ask for some help please. We are using the cherry zen template (AWESOME template), along with the lightbox contrib. I was having some trouble with the drop shadow, using jkeifer's suggestion fixed the issue will quote the suggestion below...
The problem now is that when you click on the larger image link it takes you back to the home page. When you click the image itself it opens in lightbox and everything is fine. I'm assuming it is going to the home page because of a 404 error or something. Except I don't know where to look to fix the problem. Any help would be greatly appreciated.
Just FYI this is a lingerie site... the link to the page below is fine nothing risque, you see more skin at the beach. Just wanted to make sure you know. I don't like suprises and wouldn't wish them on anyone else. The link to the page is http://www.pipersparlor.com/leather-top-and-collar-p-3.html
The suggestion installed for lightbox is below
Thank You
Default Re: Cherry Zen Template Support Thread
Quote:
I'm using lightbox and cherry zen.
here is my issue
http://www.damonbarnett.com/store/in...roducts_id=180
As you can see the drop shadow is off.
I've tried merging the only code I saw that was different for tpl_modules_main_product_image.php (lightbox shares this file with cherry zen)
<div id="productMainImage">
</div><br class="clearBoth" />
but still can't get it to work can someone smarter than me with php help me out.
Here's how you can fix that.
Open your //cherry_zen/templates/tpl_modules_main_product_image.php file.
Around line 35, DELETE this:
Code:
if (ZEN_LIGHTBOX_STATUS == 'true') {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="' . zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($zen_lightbox_products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>\')//--></script>';
} else {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>\')//--></script>';
}
AND REPLACE IT WITH THIS:
Code:
if (ZEN_LIGHTBOX_STATUS == 'true') {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="' . zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($zen_lightbox_products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '</div></a>\')//--></script>';
} else {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '</div></a>\')//--></script>';
}
Around line 41 look for this line:
<!-- eof Zen Lightbox v1.4 aclarke 2007-09-15 -->
On the next line insert this code:
Code:
<div id="productMainImage" class="centeredContent back">
Insert this code at the very BOTTOM after the </div> tag:
Code:
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><br />
<div id="productMainImage2" class="centeredContent back"><span class="imgLink"><a href="<? zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($zen_lightbox_products_name); ?>"> larger image</a></span></div>
Now open your //cherry_zen/css/stylesheet.css and insert this into your stylesheet:
Code:
#productMainImage2 {
float:left;
margin: -5px 0 0 10px !important;
margin: -5px 0 0 5px;
}
The first margin entries (-5px) above will move the text up or down relative to the picture depending on the number you use.
This is what worked on my site. You can see an example here: ######-toys.eglamourgirls.com/school-rumble-second-semester-eri-sawachika-swim-suit-ver-18-p-6.html
at my newest store that I'm currently building. (Warning: this is an adult-themed website!!!) This particular page, however, should be safe to view in case your spouse walks in right after you click.
Hope this helps,
-Jack
Last edited by jkeifer : 29th November 2007 at 12:28 AM.
