Cherry Zen Template Support Thread

[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

[eurorage]

Hey Jettrue.

I use your template and I encountered a little problem with locales.

When I use default english locale, the image FREE SHIPPING in product info page shows up.
When I change the local to another, other language buttons show up (which is ok), but instead of FREE Shipping button it displays FREE SHIPPING text.
I don't need the button, but why it shows FREE SHIPPINg instead of free shipping text transalted to my locale? Where can I find this to setup my own text?
I searched everywhere and couldn't find this.

[ruready]

I had this problem and couldn't figure it out. Turns out, when you set the sidebox size in admin you must include the "px" and not just type in the size -> do this 150px -> not 150.

[SKlos]

Hello,

I am stuck on a problem I can't seem to fix or find any information on. I have the following displayed on my checkout pages, and for the life of me, I can't fix.

TEXT_ORDER_STEP1 TEXT_ORDER_STEP2 TEXT_ORDER_STEP3 TEXT_ORDER_STEP4

Also, the ORDER_STEPS_IMAGE_ALT is missing.

I have tried changing the "echo" statements in the TPL_PHP files, but when I do that and refresh my browser, the whole page disappears.

Thank you in advance for any assistance.

[countrycharm]

Hello,

I am stuck on a problem I can't seem to fix or find any information on. I have the following displayed on my checkout pages, and for the life of me, I can't fix.

TEXT_ORDER_STEP1 TEXT_ORDER_STEP2 TEXT_ORDER_STEP3 TEXT_ORDER_STEP4

Also, the ORDER_STEPS_IMAGE_ALT is missing.

I have tried changing the "echo" statements in the TPL_PHP files, but when I do that and refresh my browser, the whole page disappears.

Thank you in advance for any assistance.

Make sure you you have renamed all the cherry_zen folders to your_custom folder name. Looks like you have missed includes/languages/english/extra_definitions/your_template/order_steps_defines.php file or one of the other files. It's hard to figure out without a link to your site.

[SKlos]

Make sure you you have renamed all the cherry_zen folders to your_custom folder name. Looks like you have missed includes/languages/english/extra_definitions/your_template/order_steps_defines.php file or one of the other files. It's hard to figure out without a link to your site.

Countrycharm - thank you for your response! I will check my folder structure to see if there is anything amiss. If I read your response correctly, it would appear I should have no "cherry_zen" folders anywhere under my custom directory, correct?

[countrycharm]

Countrycharm - thank you for your response! I will check my folder structure to see if there is anything amiss. If I read your response correctly, it would appear I should have no "cherry_zen" folders anywhere under my custom directory, correct?

That would be correct. If you are using a custom directory then cherry_zen should be the name of your custom directory when uploading.

[wingc3]

I am attempting to combine my background images into CSS Sprites, and Google Page Speed gives me the following recommendations:

The following images served from yourdomain.com should be combined into as few images as possible using CSS sprites.

* /includes/templates/cherry_zen/images/delim_h.gif
*/includes/templates/cherry_zen/images/delim_v.gif
*/includes/templates/cherry_zen/images/orange/header.gif
* /includes/templates/cherry_zen/images/orange/sideboxbg.gif
* /includes/templates/cherry_zen/images/orange/tableftE.gif
* /includes/templates/cherry_zen/images/rounded-search-input.gif
* /includes/templates/cherry_zen/images/shadow_e.png
* /includes/templates/cherry_zen/images/shadow_n.png
* /includes/templates/cherry_zen/images/shadow_ne.png
* /includes/templates/cherry_zen/images/shadow_nw.png
* /includes/templates/cherry_zen/images/shadow_s.png
* /includes/templates/cherry_zen/images/shadow_se.png
* /includes/templates/cherry_zen/images/shadow_sw.png
* /includes/templates/cherry_zen/images/shadow_w.png

Does anybody know the proper code to implement for this?

[daymobrew]

I am attempting to combine my background images into CSS Sprites, and Google Page Speed gives me the following recommendations:

The following images served from yourdomain.com should be combined into as few images as possible using CSS sprites.

* snip file list *
Does anybody know the proper code to implement for this?

Not all images can be combined into a sprite - you will have examine each image and how it is used.

There are multiple tutorials that you should read.