Cherry Zen Template Support Thread

[timstoel]

Is there a way I can add a dividing line between each product listing, or maybe alternate background shading?

Here is a link:
http://www.newoldsounds.com/index.ph...ex&cPath=46_49

It seems somewhat difficult to read because it's all white behind the products.

Thanks,
Tim

[darktowerhobbies]

Ok I have 2 questions and they may have been mentioned before but I am not searching 207 pages to find it.

I know this template was designed as a floating template but how do you go about making it fit all the way across the screen?

Second question the product decription is nw below the product where it was next to the product in the original template is there and easy way to fix this or would it be better left alone?

Examples:
below product

next to product

[daymobrew]

I put my test site (using Cherry Zen template - thanks for it) through the W3C Validator and the only issue was the 'type' of the search box at the top.

The search box is of type "search" but that is not a permitted type.
If I change includes/functions/extra_functions/search_field_header.php to change the $type parameter of zen_draw_search_field() to 'text' then all is okay.

Line 95, Column 367: value of attribute "type" cannot be "search"; must be one of "text", "password", "checkbox", "radio", "submit", "reset", "file", "hidden", "image", "button".

…22e397c4a15db3" /><input type="search" name="keyword" size="20" maxlength="30


The value of the attribute is defined to be one of a list of possible values but in the document it contained something that is not allowed for that type of attribute. For instance, the “selected” attribute must be either minimized as “selected” or spelled out in full as “selected="selected"”; a value like “selected="true"” is not allowed.

[crazycucumber]

Just added Zen Lightbox to my cart based on Cherry Zen Template. Had to make a couple of template alterations to get the drop shaddow back to normal. so thought I would post my file here for others to use if needed.

( sorry if its been done before )

File is the tpl_modules_main_product_image.php in your templates folder.

<?php
/**
 * Module Template
 *
 * @package templateSystem
 * @copyright 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 3208 2006-03-19 16:48:57Z birdbrain $
 * modded to include Zen Lightbox v1.4 aclarke 2007-09-15 for the Cherry Zen Template by Jettrue
 */
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productImage" class="centeredContent back">
<!-- bof Zen Lightbox v1.4 aclarke 2007-09-15 -->
<?php

if ($current_page_base == 'product_reviews') {

$zen_lightbox_products_name = $products_name_reviews_page;

} else {

$zen_lightbox_products_name = $products_name;

}

if (ZEN_LIGHTBOX_STATUS == 'true') {

echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<div id="productMainImage"><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><br class="clearBoth" /><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>';

}

?>
<!-- eof Zen Lightbox v1.4 aclarke 2007-09-15 -->
<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>
</div>

[jettrue]

Just added Zen Lightbox to my cart based on Cherry Zen Template. Had to make a couple of template alterations to get the drop shaddow back to normal. so thought I would post my file here for others to use if needed.

( sorry if its been done before )

File is the tpl_modules_main_product_image.php in your templates folder.

Thanks for doing this, I think I'll include this adjustment in my next template update, though actually they should use this instead (this way if they turn lightbox status to OFF, they'll still get the shadow box around the image).

<?php
/**
 * Module Template
 *
 * @package templateSystem
 * @copyright 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 3208 2006-03-19 16:48:57Z birdbrain $
 * modded to include Zen Lightbox v1.4 aclarke 2007-09-15 for the Cherry Zen Template by Jettrue
 */
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productImage" class="centeredContent back">
<!-- bof Zen Lightbox v1.4 aclarke 2007-09-15 -->
<?php

if ($current_page_base == 'product_reviews') {

$zen_lightbox_products_name = $products_name_reviews_page;

} else {

$zen_lightbox_products_name = $products_name;

}

if (ZEN_LIGHTBOX_STATUS == 'true') {

echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<div id="productMainImage"><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><br class="clearBoth" /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>\')//--></script>';

} else {

echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<div id="productMainImage"><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><br class="clearBoth" /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>\')//--></script>';

}

?>
<!-- eof Zen Lightbox v1.4 aclarke 2007-09-15 -->
<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>
</div>

[crazycucumber]

Thanks for doing this, I think I'll include this adjustment in my next template update, though actually they should use this instead (this way if they turn lightbox status to OFF, they'll still get the shadow box around the image).

No worries ,

Thanks for a great template , thought you may want to see what I have done with it, hope you didn't mind me modifying it !

www.affixit.co.uk

Good luck with everything.

Mark.

[heavenlynights]

Hi again

I am rehashing the template a little. I have decided to make it a fixed width of 950px rather than a fluid width as I want to replace the logo with a 950px wide header. I figured I can't do this if the website is fluid width, without it looking silly.

I would also like to move the product attributes to below the product description

I have figured out how to change the width of the site, with the help of the read_me file but If anyone can help me in regard to moving the attributes, that would be great. I just need to know what parts of the css i need to change and what to change it to.

I am assuming that I need to change something in the below

#productAttributes {
width:100%;
float:left;
border:1px solid #bfbfbf;
padding-left:5px;
margin:5px 0 0 10px;

TIA

[jettrue]

I put my test site (using Cherry Zen template - thanks for it) through the W3C Validator and the only issue was the 'type' of the search box at the top.

The search box is of type "search" but that is not a permitted type.
If I change includes/functions/extra_functions/search_field_header.php to change the $type parameter of zen_draw_search_field() to 'text' then all is okay.

Looks like you got it all figured out. If the error bugs you enough, change it. If not, leave it (it creates a rounded text box in Safari). it won't hurt anything.

[jettrue]

Ok I have 2 questions and they may have been mentioned before but I am not searching 207 pages to find it.

I know this template was designed as a floating template but how do you go about making it fit all the way across the screen?

Second question the product decription is nw below the product where it was next to the product in the original template is there and easy way to fix this or would it be better left alone?

Examples:
below product

next to product

Change this:

#nw {
	width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
	max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */
	min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
}
/* IE only. Controls Width of Site and Main Content*/
* html #nw {
 width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
}
/* end IE only */

to this:

#nw {
	width:100%;
}

If you prefer the original zen cart product page styling, simply delete includes/templates/cherry_zen/templates/tpl_product_info_display.php

[jettrue]

Is there a way I can add a dividing line between each product listing, or maybe alternate background shading?

Here is a link:
http://www.newoldsounds.com/index.ph...ex&cPath=46_49

It seems somewhat difficult to read because it's all white behind the products.

Thanks,
Tim

.productListing-data{border-top:1px solid #000000;}

or

.productListing-even{background:#AAAAA9;}