Cherry Zen Template Support Thread

maggiesmom1:

Okay - I solved the problem about displaying additional images at all, but now I need to know how to move them up. If you look here:

http://www.butternugsquash.com/store/index.php?main_page=product_info&products_id=669

you'll see the 3 add'l images way down at the bottom. I'd like them to be directly underneath the main product image. I'd also like to move the product description to where the "Please Choose: Download 1; Download 2" box is and move that box either down below or eliminate it altogether.

Can anyone help a poor, ignorant store owner?

Open up includes/templates/cherry_zen/templates/tpl_product_info_display.php

This controls the product page. You'll see that its very nicely segmented, so you can look for the sections you want to move (additional images and product description), and just cut and paste them where you want it.

AWESOME!! Thank you so much - worked perfectly!

jettrue:

"configuration", "product info", "Product Info - Price is Call for Price Image or Text Status"

Maybe that's the issue?

thankz for the reply. what i mean is, how do i align the "Call for price" link along with the "tell a friend" and "write review"? and also, use the same css.

thankz a lot!

test site here: http://latter.jobsground.com/index.php?main_page=product_info&cPath=73&products_id=185

Hi Jettrue,

I am still working on the site map links... :blink:

How do I edit the tpl_site_map_default.php to show the ezpage links below under the important links sidebox?

Are you saying to add them manually to the tpl_site_map_default.php???
Thanks.YES!

thanks

gsdcypher:

Hi Jettrue,

I am still working on the site map links... :blink:

How do I edit the tpl_site_map_default.php to show the ezpage links below under the important links sidebox?

<li><?php echo '<a href="' . zen_href_link(FILENAME_GOVERNMENT_PURCHASING_INFO) . '">' . BOX_IMPORTANT_LINKS_GOVERNMENT_PURCHASING_INFO . '</a>'; ?></li> <li><?php echo '<a href="' . zen_href_link(FILENAME_PRINTABLE_CATALOG) . '">' . BOX_IMPORTANT_LINKS_PRINTABLE_CATALOG . '</a>'; ?></li> <li><?php echo '<a href="' . zen_href_link(FILENAME_DOG_TRAINING) . '">' . BOX_IMPORTANT_LINKS_DOG_TRAINING . '</a>'; ?></li> <li><?php echo '<a href="' . zen_href_link(FILENAME_WEB_RESOURCES) . '">' . BOX_IMPORTANT_LINKS_WEB_RESOURCES . '</a>'; ?></li>

thanks
I give up, I really don't understand. You say you want them in the sitemap, so I tell you to edit tpl_site_map_default.php. Now you're saying you want them in the important links sidebox. I don't know, sorry. Please ask in the main forum.

Hi Jettrue,

No worries. I am sorry for the confusion. It is all due to my poor semantics. What I meant to say was I am trying to add the links (that are in the important links sidebox) to the sitemap.

You said to get those ezpage links (that are in the important links sidebox) to show on the sitemap I would have to edit the tpl_site_map_default.php manually.

I was using the code below to try and edit the tpl_site_map_default.php, to show those links on the sitemap, but it is not working.

<li><?php echo '<a href="' . zen_href_link(FILENAME_GOVERNMENT_PURCHASING_INFO) . '">' . BOX_IMPORTANT_LINKS_GOVERNMENT_PURCHASING_INFO . '</a>'; ?></li>
<li><?php echo '<a href="' . zen_href_link(FILENAME_PRINTABLE_CATALOG) . '">' . BOX_IMPORTANT_LINKS_PRINTABLE_CATALOG . '</a>'; ?></li>
<li><?php echo '<a href="' . zen_href_link(FILENAME_DOG_TRAINING) . '">' . BOX_IMPORTANT_LINKS_DOG_TRAINING . '</a>'; ?></li>
<li><?php echo '<a href="' . zen_href_link(FILENAME_WEB_RESOURCES) . '">' . BOX_IMPORTANT_LINKS_WEB_RESOURCES . '</a>'; ?></li>

Instead of adding the links to the sitemap, they show up on the sitemap as BOX_IMPORTANT_LINKS_GOVERNMENT_PURCHASING_INFO, etc., etc.

Again, sorry for the confusion. I will check in the main forum. And as always, a BIG thank you for all of your help.

gsdcypher:

Hi Jettrue,

No worries. I am sorry for the confusion. It is all due to my poor semantics. What I meant to say was I am trying to add the links (that are in the important links sidebox) to the sitemap.

You said to get those ezpage links (that are in the important links sidebox) to show on the sitemap I would have to edit the tpl_site_map_default.php manually.

I was using the code below to try and edit the tpl_site_map_default.php, to show those links on the sitemap, but it is not working.

Hi gsdcypher

There is a mod in the download section located at

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=939

which will add your ezpages as well as a few other things into your sitemap.

Hopefully the format comes through... this is what I have right now in the sitemap instead of the links:

BOX_HEADING_IMPORTANT_LINKS

• BOX_IMPORTANT_LINKS_GOVERNMENT_PURCHASING_INFO
• BOX_IMPORTANT_LINKS_PRINTABLE_CATALOG
• BOX_IMPORTANT_LINKS_DOG_TRAINING
• BOX_IMPORTANT_LINKS_WEB_RESOURCES

Thanks heavenlynights. I will check out that mod also.

Iam trying to build a site based on the Default Zen Template.
I want to change the Navigation Bar to Look like the ones in the Cherry Template. I tryied to copy the StyleSheet from the Cherry to my site, which as you know changes the whole layout, SO the question is What do I need to change in my Stylesheet to be able to get the same Navigation bar without changing any other configuration for the header, I want to keep the white line between the logo area and the navigation bar. Also I want the Cherry Navigation bar to be centered.
The site is https://www.coolcarpartsonline.com. Its not done yet but its a start.

The individual product pages look different in IE vs. Firefox. In IE, they display perfectly. In Firefox, for some reason the main content portion where the product information is encroaches on the left sideboxes.

I have no idea why this is happening. You can see what I mean by checking out a page here:

http://coolbuydirect.com/c/harddrive-media-player-enclosure-35-inch-ide-card-reader-p-597.html

Any suggestions?

Thanks.

gsdcypher:

Hopefully the format comes through... this is what I have right now in the sitemap instead of the links:

BOX_HEADING_IMPORTANT_LINKS

• BOX_IMPORTANT_LINKS_GOVERNMENT_PURCHASING_INFO
• BOX_IMPORTANT_LINKS_PRINTABLE_CATALOG
• BOX_IMPORTANT_LINKS_DOG_TRAINING
• BOX_IMPORTANT_LINKS_WEB_RESOURCES

Thanks heavenlynights. I will check out that mod also.

Just make actual links, stop trying to use php.

coolbuys:

The individual product pages look different in IE vs. Firefox. In IE, they display perfectly. In Firefox, for some reason the main content portion where the product information is encroaches on the left sideboxes.

I have no idea why this is happening. You can see what I mean by checking out a page here:

http://coolbuydirect.com/c/harddrive-media-player-enclosure-35-inch-ide-card-reader-p-597.html

Any suggestions?

Thanks.

It's probably because you're looking at it with a narrow site window and there's a large banner on the top of the page. (portable mp3 speakers image)

Glamorousshoe:

Iam trying to build a site based on the Default Zen Template.
I want to change the Navigation Bar to Look like the ones in the Cherry Template. I tryied to copy the StyleSheet from the Cherry to my site, which as you know changes the whole layout, SO the question is What do I need to change in my Stylesheet to be able to get the same Navigation bar without changing any other configuration for the header, I want to keep the white line between the logo area and the navigation bar. Also I want the Cherry Navigation bar to be centered.
The site is https://www.coolcarpartsonline.com. Its not done yet but its a start.

Sorry, it's not just about moving the stylesheet over, and unless I've done it, I can't tell you how to do it, but I can give you a step in the right direction. Past that, you'll have to do some figuring out. You'll need to copy over the navMainWrapper section from includes/templates/cherry_zen/common/tpl_header.php, and then only use the related css:

#navMainWrapper {
	background:url("../images/red/header.gif");
	}

#navMainWrapper {
	height:32px;
	width:100%;
	font-size:12px;
	}

#navMain a {
	background:url("../images/red/tableftE.gif") no-repeat left top;
	}
	
#navMain a span {
	background:url("../images/red/tabrightE.gif") no-repeat right top;
	}
	
#navMain a span.last {
	background:url("../images/red/tabrightE_last.gif") no-repeat right top;
	}

#navMain a span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. */
	}
	
#navMain a:hover span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. when hovered over */
	}

#navMain {
	float:right;
	width:750px;
	line-height:normal;
	}

#navMain ul {
	float:right;
	list-style:none;
	}
	  
#navMain li {
	display:inline;
	}
	  
#navMain a {
	float:left;
	text-decoration:none;
	}
	
#navMain a span {
	float:left;
	display:block;
	padding:7px 15px 10px 15px;
	text-align:center;
	width:90px;
	cursor:pointer;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {float:none;}
/* End IE5-Mac hack */

#navMain a:hover {
	background-position:0% -32px;
	}
    
#navMain a:hover span {
	background-position:100% -32px;
	}  

Jettrue,
:cheers:

Thank you!

Hi,

At the risk of the answer being somewhere in all of the 127 pages of this thread, I'd like to ask you how I can get rid of some white space that - for a change - only appears in Firefox, but not in IE.

See: http://www.taspotatoes.com.au/shop

The white space appears below the main navigation bar. I've ruled out it being caused by the logo. I've tried to adjust the "#navMain a span" by playing around with the padding, but although this appears to fix the problem when I change the bottom to 0, it results in shortened hover images as they are also cut off and which looks weird.

It may have something to do with the fact that my top shadow box doesn't show in either browser - for some reason it is hiding behind the main navigation bar. It is possible that IE just ignores this but FF doesn't.

Any ideas on where the problem might be?

Thanks,
wizard247

Also my site is not "fluid" although I don't mind it as it ties in with the rest of the site, but I was just wondering why.

Immediately after installation - before changing anything on the template or shopping cart files I noticed the design was not fluid.

Thanks,
Louise

I'm sure its been gone over, but I can't wade through 127 pages to see it.

First of all, great template, its amazing.

If you head to travoltron.com/store you'll see there is a Link in the EZ pages header for the accompanying forum. (I did not use phpBB, thus, I did not integrate it with zc.)
I'd love for this link to be in the same bar that shows the login, my account, checkout, etc.

I've pored over the stylesheet, but I'm at a loss for how to go about that.

I'd also love to add another button to link the blog.

Thanks everyone. I'm digging zc pretty hard, and loving the community effort. Everyone here rocks!

wizard247:

Also my site is not "fluid" although I don't mind it as it ties in with the rest of the site, but I was just wondering why.

Immediately after installation - before changing anything on the template or shopping cart files I noticed the design was not fluid.

Thanks,
Louise

It's probably because you are looking with a lower resolution monitor. The site is designed to get no smaller than 1000px, so if the width of your browser is about that, then it won't be "fluid", but it will be fluid for "most" other people.

You can change the 1000px to a smaller number in this section of stylesheet.css (though I wouldn't go smaller than about 850px):

#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 */
	}

Thanks - I have set the width to a fixed 1000 pixels now.

In doing so I noticed that it was actually the dropshadow stylesheet that prevented me from displaying the fluid width. (I was viewing my site on a 1440 x 900 resolution). As soon as I removed the stylesheet and consequent drop shadow, my site became indeed fluid.

Any ideas on my previous post of white space below the top navigation bar? (see above)

Cheers,
Wizard247

wizard247:

Hi,

At the risk of the answer being somewhere in all of the 127 pages of this thread, I'd like to ask you how I can get rid of some white space that - for a change - only appears in Firefox, but not in IE.

See: http://www.taspotatoes.com.au/shop

The white space appears below the main navigation bar. I've ruled out it being caused by the logo. I've tried to adjust the "#navMain a span" by playing around with the padding, but although this appears to fix the problem when I change the bottom to 0, it results in shortened hover images as they are also cut off and which looks weird.

It may have something to do with the fact that my top shadow box doesn't show in either browser - for some reason it is hiding behind the main navigation bar. It is possible that IE just ignores this but FF doesn't.

Any ideas on where the problem might be?

Thanks,
wizard247

It looks like you changes some things since last night. Yes, if you remove the bottom padding on #navMain a span, the logo will pop into place. Since you are no longer using the roll over effect, you can just do that. But I'll look into fixing this issue on my template (it only happens when using a wider logo).