Cherry Zen Template Support Thread

peppyone:

I apologize. This is not a Cherry Zen Issue. found my answers in the banners tutorial.

It would be most helpful if you could jot the answer you found here in this thread because it is incredibly frustrating to search for something, find someone has the same problem then go hunting somewhere else for the solution they have already found. It is like following a virtual breadcrumb trail and sometimes the virtual pigeons have scoffed the breadcrumbs.

Please be kind and post the solution you discoved - even if it is only a single line or a hyperlink to the solution. Thanks :)

Hi Jade

I was looking at other sites and wondered if you could tell me how to adjust the footer of cherry Zen to have four evenly spaced banners in the footer and the copyright links below it like kuroi has done at https://www.monkeyshine.com

Thanks for any help Jade

Paul

Hi,

I'm trying to set up my store so the right hand column appears only for the main index page. I've set up the required if-then logic succesfully in tpl_main_page.php but not in the css that controls the spacing for the right hand column.

Here's jettrue's previous advice on how to control the column width:

jettrue:

The space is controlled by the padding-right of .outer:

.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div /
padding-right: 150px; / Our right column width */
}

So the content of my box is appearing correctly but it's either sitting on top of the center column or leaving an empty right-hand column, depending on whether I set padding-right to 0px or 150px respectively.

Does anyone know how I get the width of this column to adjust based on which page is being viewed?

Thanks!

Here is the link bekinky: https://www.zen-cart.com/tutorials/index.php?article=80

Hope you find it helpful.

bekinky:

It would be most helpful if you could jot the answer you found here in this thread because it is incredibly frustrating to search for something, find someone has the same problem then go hunting somewhere else for the solution they have already found. It is like following a virtual breadcrumb trail and sometimes the virtual pigeons have scoffed the breadcrumbs.

Please be kind and post the solution you discoved - even if it is only a single line or a hyperlink to the solution. Thanks :)

possum:

Hi,

I'm trying to set up my store so the right hand column appears only for the main index page. I've set up the required if-then logic succesfully in tpl_main_page.php but not in the css that controls the spacing for the right hand column.

Here's jettrue's previous advice on how to control the column width:

So the content of my box is appearing correctly but it's either sitting on top of the center column or leaving an empty right-hand column, depending on whether I set padding-right to 0px or 150px respectively.

Does anyone know how I get the width of this column to adjust based on which page is being viewed?

Thanks!

Not sure but isn't there a setting in admin/layout settings which controls the width of the right and left columns?

bekinky:

Hi Jade

I was looking at other sites and wondered if you could tell me how to adjust the footer of cherry Zen to have four evenly spaced banners in the footer and the copyright links below it like kuroi has done at https://www.monkeyshine.com

Thanks for any help Jade

Paul

That site you linked isn't working, but I'm sure you could open up tpl_footer.php and manually add any banners that you want, maybe with a table holding them.

possum:

Hi,

I'm trying to set up my store so the right hand column appears only for the main index page. I've set up the required if-then logic succesfully in tpl_main_page.php but not in the css that controls the spacing for the right hand column.

Here's jettrue's previous advice on how to control the column width:

So the content of my box is appearing correctly but it's either sitting on top of the center column or leaving an empty right-hand column, depending on whether I set padding-right to 0px or 150px respectively.

Does anyone know how I get the width of this column to adjust based on which page is being viewed?

Thanks!

Sure, I the home page (if you're using zen cart 1.3.7) has its own id, so to change only the home page, you can do something like this (isn't zen cart great?):

#indexHomeBody .outer {width:0;}

though I'm not sure that you only have to change .outer, you probably have to change other things as well.

Hello,

I am finding an issue with the right hand sideboxes - they display fine in Firefox 2.0 and IE7, but IE6 displays them extending past the grey background. Is there a way to fix this so it looks good in all of these browser versions?

My site is http://www.pcgoddess.biz and is a work in progress.. :wink:

Thanks,
Mary

Hello,

I am very new to zen cart and the apple zen template has simply been awesome. It made it easier to attempt setting up my website.

I would like all the attributes to appear on a single line. At the moment the best I could do was get a maximum of 4 attributes per row. Here is an example of the product page.

My second question - is there any way that I can get the second (_01) and third images (_02) to appear at the right of the main image rather than at the bottom of the page?

Thanks for any help you can provide

jettrue:

That site you linked isn't working, but I'm sure you could open up tpl_footer.php and manually add any banners that you want, maybe with a table holding them.

Hi Jade

Sorry - my mistake. The site is https://www.monkeyshine.co.uk. I would love to know how to add extra banners within a div holding them but don't know how.

I hope you can help

Paul

Hello again. I have three questions.

First: How do I move the category description next to the category image?

Second: How do I switch the Add to My Cart button to one of my own that does not shift in size when the viewer changes the font size of the page?

Three: How do I change the category links in my sidebox to images yet keep the sub-categories as links?

Beth-katherine

http://www.livandrosiescookies.com/store/

Why is the table to the left in IE6 and to the right in Firefox. I want it centered.

Please advise what I am doing wrong.

C

I am trying to get the footer navigation to look the same as the one in the header. I have identified the footer navigation is NavSupp and NavSuppWrapper and I cloned the header css styles then renamed them to match. I then added the <span> into the footer link within footer.php

This all seems to work fine except for two things.

1. The footer background image is 100% width across the page and does not have the margin like in the header navigation, so it looks odd. How can I get the footer navigation bar to look the same as the header so it has the margin around it and fits within the main layout?

2. The top of the footer navigation bar has a gap between the end of the white space and the navigation bar. How do I remove this so the footer naviation bar fits tight against the white bottom of the main page.

I hope that is not too cryptic and you understand what I mean.

Thanks

Paul

Question about the header... I would like to layer my header so that my logo is placed on the right while having a backriound image that fills the entire header are including the area behind the logo. One that would not be affected by the resize of the site based on screen dimensions.

In other words I want an image (logo) on top of an image (background) that makes up the header. Thanks! Josh

Another question... in the header can I place a table that holds different images that when clicked the customer would go to different pages in the site. The images would also have roll over effects.

PastGenToys:

Another question... in the header can I place a table that holds different images that when clicked the customer would go to different pages in the site. The images would also have roll over effects.

Why not use the built in banners function for this - I think it is header position2 located in includes/templates/common/tpl_header.php

Unfortunately it will not give you rollover effects unless you find some way to style it using css, but it will give you the clickable link to different parts of your site and a way to track how well it is doing

pcgoddess:

Hello,

I am finding an issue with the right hand sideboxes - they display fine in Firefox 2.0 and IE7, but IE6 displays them extending past the grey background. Is there a way to fix this so it looks good in all of these browser versions?

My site is http://www.pcgoddess.biz and is a work in progress.. :wink:

Thanks,
Mary

Make sure none of the sidebox images are wider than like 120px.

bekinky:

Why not use the built in banners function for this - I think it is header position2 located in includes/templates/common/tpl_header.php

Unfortunately it will not give you rollover effects unless you find some way to style it using css, but it will give you the clickable link to different parts of your site and a way to track how well it is doing

Bekinky,

I would love to do this but I am stumped on how to get it started. Can you poiny me in the right direction? Thanks! PGT

CandyCherub:

Hello,

I am very new to zen cart and the apple zen template has simply been awesome. It made it easier to attempt setting up my website.

I would like all the attributes to appear on a single line. At the moment the best I could do was get a maximum of 4 attributes per row. Here is an example of the product page.

My second question - is there any way that I can get the second (_01) and third images (_02) to appear at the right of the main image rather than at the bottom of the page?

Thanks for any help you can provide

First of all, you've got to fix your logo, in Firefox it is GINORMOUS. Change the logo section to this:

#logo {
	width:48em; /* To prevent the logo from resizing, simply delete or comment out this section */
	}
	
#logo img {
	width:100%;
	}

to get more attribute images per row, go to "Catalog", "option name manager", choose "edit" for the option, then put the attribute images per row there. I don't know that more than 5 would fit though.

To move the additional images up, open up includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php and move the additional images chunk of code up to below the main image chunk of code. There will probably be some css changes needed, but first of all you have to move the chunk. :smile:

Beth-katherine:

Hello again. I have three questions.

First: How do I move the category description next to the category image?

Second: How do I switch the Add to My Cart button to one of my own that does not shift in size when the viewer changes the font size of the page?

Three: How do I change the category links in my sidebox to images yet keep the sub-categories as links?

Beth-katherine

1. Add this to stylesheet.css:

#indexProductListCatDescription, #categoryImgListing {
	float:left;
	}

2. Well, my add to cart button doesn't change sizes, and it isn't designed to. In which browser does this occur? My guess is, if it is changing in the browser that you are using, any button you change it to will also adjust size. But to use your own button, just upload a new one here:

includes/templates/cherry_zen/buttons/english/button_in_cart.gif

3. I'm not sure, have you searched for this in the forum, or posted a question about this in the general forum?