Cherry Zen Template Support Thread

[jim23866]

Hello,
I would like to change my navigational menu of my website. I would like a sprite menu and other sprite graphics. Below I have the links and code from another forum but it is exactly what I would like to do. I can not find where to place the html code for my main page. I know the "names" ie #header and #mainmenu are different or need to be changed. I did do alot of searching this and other Zen cart forum posts. I didn't want to "just"change core files. I know that is a no no. Any help would be greatly appreciated.

My site is www.eastcoastcaps.net zencart v1.39b cherry zen

I am looking to make a navigation menu similar to the following:

http://www.coremediadesign.co.uk/web...ia_design.html

This is the sprite image they use.

http://img819.imageshack.us/img819/8185/menuo.png



CSS
Code:

#header {
	width:100%;
	height: 150px;
	background: black;
	padding:0;
	margin:0;
}
#mainMenu {
	list-style:none;
	overflow:hidden;
	width:980px;
	margin:0 auto;
}

#mainMenu li {
	display:inline;
}

#mainMenu a {
	float:left;
	width:137px;
	padding:16px 0;
	text-align:center;
	font:normal 14px/17px arial,helvetica,sans-serif;
	background:url(images/menuo.png) 0 0 no-repeat;
}

#mainMenu a:active,
#mainMenu a:focus,
#mainMenu a:hover {
	background-position:0 -49px;
}

#mainMenu .current a {
	background-position:0 -98px;
}

HTML
Code:

<div id="header">
<div style="height: 101px">&nbsp;</div>
<ul id="mainMenu">
	<li class="current"><a href="#">Tab 1</a></li>
	<li><a href="#">Tab 2</a></li>
	<li><a href="#">Tab 3</a></li>
	<li><a href="#">Tab 4</a></li>
	<li><a href="#">Tab 5</a></li>
	<li><a href="#">Tab 6</a></li>
	<li><a href="#">Tab 7</a></li>
</ul>
</div>[PHP][/PHP]

I don't know if I posted this right this is my first post ever.

[Rizla]

I said:
The first is: The box around the attributes is not wide enough and some of my "text" attributes break out to the right. Also an attribute image (font list) overlaps on the right

That is now my only problem!

[jim23866]

Hello,
I would like to change my navigational menu of my website. I would like a sprite menu and other sprite graphics. Below I have the links and code from another forum but it is exactly what I would like to do. I can not find where to place the html code for my main page. I know the "names" ie #header and #mainmenu are different or need to be changed. I did do alot of searching this and other Zen cart forum posts. I didn't want to "just"change core files. I know that is a no no. Any help would be greatly appreciated.

My site is www.eastcoastcaps.net zencart v1.39b cherry zen

I am looking to make a navigation menu similar to the following:

http://www.coremediadesign.co.uk/web...ia_design.html

This is the sprite image they use.

http://img819.imageshack.us/img819/8185/menuo.png



CSS
Code:

#header {
	width:100%;
	height: 150px;
	background: black;
	padding:0;
	margin:0;
}
#mainMenu {
	list-style:none;
	overflow:hidden;
	width:980px;
	margin:0 auto;
}

#mainMenu li {
	display:inline;
}

#mainMenu a {
	float:left;
	width:137px;
	padding:16px 0;
	text-align:center;
	font:normal 14px/17px arial,helvetica,sans-serif;
	background:url(images/menuo.png) 0 0 no-repeat;
}

#mainMenu a:active,
#mainMenu a:focus,
#mainMenu a:hover {
	background-position:0 -49px;
}

#mainMenu .current a {
	background-position:0 -98px;
}

HTML
Code:

<div id="header">
<div style="height: 101px">&nbsp;</div>
<ul id="mainMenu">
	<li class="current"><a href="#">Tab 1</a></li>
	<li><a href="#">Tab 2</a></li>
	<li><a href="#">Tab 3</a></li>
	<li><a href="#">Tab 4</a></li>
	<li><a href="#">Tab 5</a></li>
	<li><a href="#">Tab 6</a></li>
	<li><a href="#">Tab 7</a></li>
</ul>
</div>[PHP][/PHP]

I don't know if I posted this right this is my first post ever.

Hello,

I've done a little more research. Since this post http://www.zen-cart.com/forum/showpo...postcount=3073 I do still have that question unanswered.

I would like to know if I could use the CSS Horizontal Drop Down Menu addon is for v1.3.8 then change the colors for the menu to image sprites. Also move the whole menu to the top like it is currently on my cherry zen v1.39b.

In the addon it states in the readme file:

Add to the includes/templates/YOUR_TEMPLATE/common/tpl_header.php

"add this to your header where you'd like the css menu to appear:

<!--bof-drop down menu display-->
<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?>
<!--eof-drop down menu display-->
<div class="clearBoth"></div>

"

I would like to do that BUT I don't know "what" I need to remove and exactly where to place this code so that it appears at the very to like my current navigational menu resides.

The question from my previous post and this one I know are apples and oranges. I thank you for your time.

JIM

[EdsGoodStuff]

I have latest versions of Zen Cart, Cherry Zen, and Lightbox just installed and am in the early stages of getting my store configured. Lightbox works great except for one issue with drop shadows on the product page as you can see here:

http://edsgoodstuff.com/edscart/inde...&products_id=5

I see in the forum other people have had this issue and solved it as shown in post 2063 here:

http://www.zen-cart.com/showthread.p...box#post624403

I copied his tpl_modules_main_product_image.php code and uploaded the new file. It DID solve the drop shadow issue and everything seemed perfect at first, but when image was clicked on Lightbox had an issue. It would only show one image of the slideshow, if you clicked on Next it would show the same image but that is all. The other images in the listing worked with slide show in lightbox but they would not show the main image. Previously everything had worked fine except for the drop shadow issue. I restored the original tpl_modules_main_product_image.php file...

Any suggestions? Would be very much appreciated.

Thanks, Ed

[countrycharm]

I have latest versions of Zen Cart, Cherry Zen, and Lightbox just installed and am in the early stages of getting my store configured. Lightbox works great except for one issue with drop shadows on the product page as you can see here:

http://edsgoodstuff.com/edscart/inde...&products_id=5

I see in the forum other people have had this issue and solved it as shown in post 2063 here:

http://www.zen-cart.com/showthread.p...box#post624403

I copied his tpl_modules_main_product_image.php code and uploaded the new file. It DID solve the drop shadow issue and everything seemed perfect at first, but when image was clicked on Lightbox had an issue. It would only show one image of the slideshow, if you clicked on Next it would show the same image but that is all. The other images in the listing worked with slide show in lightbox but they would not show the main image. Previously everything had worked fine except for the drop shadow issue. I restored the original tpl_modules_main_product_image.php file...

Any suggestions? Would be very much appreciated.

Thanks, Ed

I don't know if this post will help fix the problem, but you are welcome to look.
http://www.zen-cart.com/showthread.php?72703-Cherry-Zen-Template-Support-Thread&p=467258#post467258

http://www.zen-cart.com/showthread.p...267#post467267

[EdsGoodStuff]

Thanks countrycharm. I had read that post but it looks like it was from an earlier version of Lightbox as it was posted in 2007. When I checked the code in my tpl_modules_main_product_image.php file it did not match up with what he had posted.

So couldn't do a copy and replace as that post recommended.

I can live with the drop shadow issue but it looks unprofessional. Please if anyone knows how to fix this in the most recent Cherry Zen and Lightbox versions let me know.

Also forgot to mention am using most recent (2012) version of Image Handler. I did notice with IH before I added Zen Lightbox that when the medium image on individual listing page was clicked the popup window with image cut off a small fraction of the image and colored background at the bottom of the window. The entire image could be shown if you resized the popup.

Thanks if you can help.

Ed

[EdsGoodStuff]

I figured out how to delete the border and drop shadow on the main image by editing stylesheet.css in templates\cherry_zen folder. It looks a lot better now but still would be nice to have the border & shadow back. So still looking for suggestions.

Thanks, Ed

[Paulus]

Hello Forum,

I have 2 Templates available and selectable in my Admin, Classic Cont. Green and Cherry Zen.

With Classic everything loads fine but with Cherry Zen I get either a 500 server error or blank screen.

I read readme_or_else.txt and re-installed all Cherry Zen files, to no avail.

My server directory is: /public_html/includes/templates/cherry_zen

and I also edited: /public_html/includes/templates/cherry_zen/template_info.php

thus:

$template_name = 'Cherry Zen';
$template_version = 'Version 1.9';
$template_author = 'Jade True - Sagefish.com - [email protected]';
$template_description = 'Fluid Three Column Template';
$template_screenshot = 'scr_cherry_zen.jpg';

Any clues as to why Cherry Zen won't load?

Thank You.

Paul Nonnis

[asdfwen]

could you tell me how you fixed it? My website have the same problem.

I figured out how to delete the border and drop shadow on the main image by editing stylesheet.css in templates\cherry_zen folder. It looks a lot better now but still would be nice to have the border & shadow back. So still looking for suggestions.

Thanks, Ed

[asdfwen]

can anybody help me? I am using zencart1.5.1 and latest cherry zen and zen lightbox. I have a problem with my product info page. Pls kindly check the below link and image :

http://www.justremy.com/full-lace-wi...16-1b-p-9.html
It seems the shadow below the image does not work well. The shadow is far away from the image. Pls help me.
Product Info - Image Width 220
Product Info - Image Heigth 176