Cherry Zen Template Support Thread

Hi Jade,

Thanks for the quick reply, I changed the 750px to 650px and it works fine now.

Suekay

jettrue:

The main_product_image.php is NOT what is messing up your sideboxes. Your site is STILL showing a modified tpl_main_page.php, as your site is using TABLES as the basis for the layout, and my template does not. Compare the source of my test site (https://www.cherryzen.jadetrue.com) and and yours, and you'll see, for starters, that for the content portion of the site, you have this:

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper"> ``` > > whereas my site has this: > ``` <div id="contentMainWrapper"> ``` > In tpl_modules_main_product_image.php, change **productMainImage** to **productImage**.

I made this change:

In tpl_modules_main_product_image.php, change productMainImage to productImage

And I also completely uninstalled Slimbox lightbox until these other issues can be sorted out.

Hmmm... I just thought of something stupid - More later!

Jeez... Sometimes I'm such a goon! I kept reloading the Zen original tpl_main_page.php instead of the Cherry Zen original tpl_main_page.php.
:oops: Sorry for the extra effort.

Could I trouble you for another bit of info? Concerning the larger image link underneath the main image on the product page: If you take a gander at mine, you'll see that it is just a tad too far south and the box sides are too wide. Would you be so kind as to tell me how to tighten it up a bit?

Thanks

yep sure did. i used the upload option.

but... i just re-ran the sql code using the cut and paste and it works!

thanks.

MeltDown:

Jeez... Sometimes I'm such a goon! I kept reloading the Zen original tpl_main_page.php instead of the Cherry Zen original tpl_main_page.php.
:oops: Sorry for the extra effort.

Could I trouble you for another bit of info? Concerning the larger image link underneath the main image on the product page: If you take a gander at mine, you'll see that it is just a tad too far south and the box sides are too wide. Would you be so kind as to tell me how to tighten it up a bit?

Thanks

This is still because of productMainImage instead of productImage. Be sure to reload the original cherry_zen includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php. You can see on my test site that this is not an issue, there is something wrong with that file on your site.

Decostyle:

Does anybody have this problem?

When both side column boxes are disabled for a certain page, it looks ok on Firefox but on I.E, it still displays the background color.

see here http://texrag.com/store/index.php?main_page=login

You have to use I.E 7 to see what I'm talking about.

I didn't see the answer posted by jettrue.

I have the same problem. It also shows up on Safari (I'm using 3.1.1). The entire center column is the background color when both side columns are disabled.
http://critterwheels.com/index.php?main_page=login

Well, this has got me going crazy!

Creating a site at www.justpreparing.com (which is going to another domain- soon!)

Everything was going fine until I "clicked around" in IE- the pages are all looking great EXCEPT the login page. I haven't done anything to that page (that I know of)

Usually I can narrow down the issue but this one is kind of blowing me away!

Any thoughts?

Thanks
Nancy

ladyink:

Well, this has got me going crazy!

Creating a site at www.justpreparing.com (which is going to another domain- soon!)

Everything was going fine until I "clicked around" in IE- the pages are all looking great EXCEPT the login page. I haven't done anything to that page (that I know of)

Usually I can narrow down the issue but this one is kind of blowing me away!

Any thoughts?

Thanks
Nancy

Yep, same here. It's even broken on the demo site. I spent quite a while trying to figure out what I did wrong and then went to the "official" site. It looks OK with Firefox but still isn't right. Completely broken in IE7.

Well, now that I look more closely in Firefox... it's not right there either. Neither the left or the right columns are showing up in the login page.

Still don't have a clue how to fix it- but maybe ???

ladyink:

Well, this has got me going crazy!

Creating a site at www.justpreparing.com (which is going to another domain- soon!)

Everything was going fine until I "clicked around" in IE- the pages are all looking great EXCEPT the login page. I haven't done anything to that page (that I know of)

Usually I can narrow down the issue but this one is kind of blowing me away!

Any thoughts?

Thanks
Nancy

I only know the answer as jettrue answered this on page 164, and it was an issue I was having too.

jettrue:

Oh! LOL! I was trying to test something for someone, and forgot to remove the code:

#loginBody #navColumnOne, #loginBody #navColumnTwo {
display:none;
}
#loginBody .contentWrap {
background:#fff;
clear:both;
}
#loginBody .outer {
padding:0!important;
}
#loginBody .float-wrap {
width:90%
}

> 
> Its at the bottom of stylesheet.css, just remove it.

thanks countrycharm for trying to help with my 'tpl_search_header' issue, but I'm still unable to display the top-left search box.
Could anyone please tell me which directories I should have 'tpl_search_header.php' - currently it is in: (WHERE cherry_zen is CUSTOM folder)

includes/templates/cherry_zen/sideboxes/
includes/templates/template_default/sideboxes/

Hi Jet,

I downloaded and use your template and installed the Apple Zen flyout menus and it works awesome. I am very happy with it. My site is in the final stages before it goes live. Can you help me out with some minor changes before it goes live?

http://www.720moto.com/Store/

A couple of things I need to clean up my site.

1. I turned off EZ-Pages for the header but it still shows up.
2. On the upper right corner of my webpage is a HOME|LOGIN links. I would like to change them to a red color so they don't blend in with the header.
3. When you hover your mouse on the categories the color turns green. Can the color be changed and if so how do I make the change?

I would like your opinion on my site so far and if there are any suggestions or tweaks that will make it better.

Thanks

jettrue:

This is still because of productMainImage instead of productImage. Be sure to reload the original cherry_zen includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php. You can see on my test site that this is not an issue, there is something wrong with that file on your site.

I'm not able to proceed with the original includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php because it needed to be modified for Faul Slimbox, which is what started my issues in the first place as I kept modifying and remodifying to the point where the site broke. I have attempted numerous merges of the Cherry Zen & Slimbox tpl_modules_main_product_image.php but with zero success.

My problem is the larger image link beneath the main image on the product page and the box that contains the main image itself. If you look at mine, you'll see that it is just a tad too far south and the box sides are too wide. I'm hoping that other folks who have Slimbox installed along with Cherry Zen will share with me their modified tpl_modules_main_product_image.php or other solutions to this problem.

Thanks!

MeltDown:

I'm not able to proceed with the original includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php because it needed to be modified for Faul Slimbox, which is what started my issues in the first place as I kept modifying and remodifying to the point where the site broke. I have attempted numerous merges of the Cherry Zen & Slimbox tpl_modules_main_product_image.php but with zero success.

My problem is the larger image link beneath the main image on the product page and the box that contains the main image itself. If you look at mine, you'll see that it is just a tad too far south and the box sides are too wide. I'm hoping that other folks who have Slimbox installed along with Cherry Zen will share with me their modified tpl_modules_main_product_image.php or other solutions to this problem.

Thanks!
Here's my attempt at a merge. Since I'm not using slimbox, I can't test. Please upload this one, and if you still have issues, leave it up, and let me view the page with this file in action.

<?php
/**
 * Module Template
 *
 * @package templateSystem
 * @copyright Copyright 2007 FUAL
 * @copyright Portions Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_modules_main_product_image.php 2007-12-04 btyler $
 */
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productImage" class="centeredContent back">
<!-- bof Zen Slimbox v0.1 btyler 2007-12-04 merged for CherryZen by jettrue 2008-07-12 -->
<?php
if( FUAL_SLIMBOX == 'true' || ZEN_LIGHTBOX_STATUS == 'true' ) {
	// Set the title
	if ( $current_page_base == 'product_reviews' ) {
		$fual_slimbox_title = htmlentities($review->fields['products_name'],ENT_QUOTES);
	} else {
		$fual_slimbox_title = htmlentities($products_name,ENT_QUOTES);
	}
	// Get the href for the large image
	$fual_slimbox_href = zen_lightbox($products_image_large, $fual_slimbox_title, LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT);
	$fual_slimbox_a = '<a href="' . $fual_slimbox_href . '" rel="lightbox[gallery]" title="' . $fual_slimbox_title . '">';
	// Get the img element for this product.
	$fual_slimbox_image = zen_image($products_image_medium, $fual_slimbox_title, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT); 

	// Test remote images to simulate slow loading for local development
	//$fual_slimbox_image = '<img src="http://demos.mootools.net/demos/DomReadyVS.Load/moo.png" width="150px" height="150px;" alt="test" />'; 
	
	// Note if you want to test a slow DOM load, then in /index.php add sleep(5); (in php brackets) just before the final </html>
	// This will make the DOM take an extra 5 seconds to load, which simulates dialup (what a cool feature)
	
	$fualSlimboxContent = "";
	if( ZEN_LIGHTBOX_STATUS == 'true' ) {
		$fualNervousSwitch = 0;
	} else {
		$fualNervousSwitch = FUAL_SLIMBOX_NERVOUS;
	}
	switch( $fualNervousSwitch ) {
		case 2:
			$fualSlimboxContent .= '<div id="productMainImage">';
			break;
		case 1:
			$fualSlimboxContent .=  '<div id="productMainImage">';
			break;
		case 0:
		default:
			$fualSlimboxContent .= '<div id="productMainImage">';
	}
	$fualSlimboxContent .=  $fual_slimbox_a . $fual_slimbox_image . '</div>'; 
	// Putting the text link together with the image is nasty!
	$fualSlimboxContent .=  '<br class="clearBoth" />';
	$fualSlimboxContent .=  '<span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
	<script language="javascript" type="text/javascript"><!--
	document.write('<?php echo $fualSlimboxContent; ?>' );
	//--></script>
	<noscript>
	<?php
	// If they can't be bothered to get a decent browser or turn js on then they only deserve the default behaviour.
	echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
	</noscript>
<?php 		
} else {
?>
<!-- bof Zen Slimbox v0.1 btyler 2007-12-04 -->
	<script language="javascript" type="text/javascript"><!--
	document.write('<?php echo '<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>
	<noscript>
	<?php
	echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
	?>
	</noscript>
<?php } ?>
</div>

jettrue:

Here's my attempt at a merge. Since I'm not using slimbox, I can't test. Please upload this one, and if you still have issues, leave it up, and let me view the page with this file in action.

<?php /** * Module Template * * @package templateSystem * @copyright Copyright 2007 FUAL * @copyright Portions Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: tpl_modules_main_product_image.php 2007-12-04 btyler $ */ ?> <?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> <div id="productImage" class="centeredContent back"> <!-- bof Zen Slimbox v0.1 btyler 2007-12-04 merged for CherryZen by jettrue 2008-07-12 --> <?php if( FUAL_SLIMBOX == 'true' || ZEN_LIGHTBOX_STATUS == 'true' ) { // Set the title if ( $current_page_base == 'product_reviews' ) { $fual_slimbox_title = htmlentities($review->fields['products_name'],ENT_QUOTES); } else { $fual_slimbox_title = htmlentities($products_name,ENT_QUOTES); } // Get the href for the large image $fual_slimbox_href = zen_lightbox($products_image_large, $fual_slimbox_title, LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT); $fual_slimbox_a = '<a href="' . $fual_slimbox_href . '" rel="lightbox[gallery]" title="' . $fual_slimbox_title . '">'; // Get the img element for this product. $fual_slimbox_image = zen_image($products_image_medium, $fual_slimbox_title, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);

// Test remote images to simulate slow loading for local development
//$fual_slimbox_image = '<img src="http://demos.mootools.net/demos/DomReadyVS.Load/moo.png" width="150px" height="150px;" alt="test" />'; 

// Note if you want to test a slow DOM load, then in /index.php add sleep(5); (in php brackets) just before the final </html>
// This will make the DOM take an extra 5 seconds to load, which simulates dialup (what a cool feature)

$fualSlimboxContent = "";
if( ZEN_LIGHTBOX_STATUS == 'true' ) {
	$fualNervousSwitch = 0;
} else {
	$fualNervousSwitch = FUAL_SLIMBOX_NERVOUS;
}
switch( $fualNervousSwitch ) {
	case 2:
		$fualSlimboxContent .= '<div id="productMainImage">';
		break;
	case 1:
		$fualSlimboxContent .=  '<div id="productMainImage">';
		break;
	case 0:
	default:
		$fualSlimboxContent .= '<div id="productMainImage">';
}
$fualSlimboxContent .=  $fual_slimbox_a . $fual_slimbox_image . '</div>'; 
// Putting the text link together with the image is nasty!
$fualSlimboxContent .=  '<br class="clearBoth" />';
$fualSlimboxContent .=  '<span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';

?>
<script language="javascript" type="text/javascript"><!-- document.write('<?php echo $fualSlimboxContent; ?>' ); //--></script>
<noscript>
<?php // If they can't be bothered to get a decent browser or turn js on then they only deserve the default behaviour. echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>
</noscript>

<?php } else { ?> <!-- bof Zen Slimbox v0.1 btyler 2007-12-04 -->

<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<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>
<noscript>
<?php
echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
</noscript>

<?php } ?> </div> ```

Beautiful! Thanks Jade. In IE the larger image text is altered with mouse-over but is not an active link. However, the main image is. In FF both are active.

Thanks for taking care of that - I know that there are quite a few Cherry Zen/Slimbox users out there who will appreciate the effort.

MeltDown:

Beautiful! Thanks Jade. In IE the larger image text is altered with mouse-over but is not an active link. However, the main image is. In FF both are active.

Thanks for taking care of that - I know that there are quite a few Cherry Zen/Slimbox users out there who will appreciate the effort.

Did you change what I pasted at all? There's now a </a> where there shouldn't be one.

jettrue:

Did you change what I pasted at all? There's now a </a> where there shouldn't be one.

?? :dontgetit No, Copy - Pasted - Posted, as-is.

I've now followed those same steps again - Is there still an </a>?

MeltDown:

?? :dontgetit No, Copy - Pasted - Posted, as-is.

I've now followed those same steps again - Is there still an </a>?

Does the IE larger image link work on my test site?

http://www.cherryzen.jadetrue.com

jettrue:

Does the IE larger image link work on my test site?

http://www.cherryzen.jadetrue.com

No, it does not. It flashes on mouse-over in exactly the same fashion as mine but does not link.

I've tried to weave my way through this thread looking for the answer but....... I haven't had any luck getting rid of the default search button in my sidebox. I want to use a custom search button. Can anyone point me in the right direction? BTW - my custom search button shows up in the default template. :cry: