Cherry Zen Template Support Thread

Hallo! I am a potential new user of zen cart. I am currently developing my cherry zen eshop at my local computer and I would like to ask the following question:

The width of the site is fluid. Can I make the height of the site fluid as well?

What I managed to do until now is to define a fixed height for my site with the following lines at stylesheet.css: (My lines are the GT marked)

.contentWrap {
	padding: 5px 0 5px 5px;
	height: 700px; /*GT*/
	overflow-x: hidden;/*GT*/
    	overflow-y: auto;/*GT*/
}

Although this is close to what I need, this code does not give a "fluid" solution.

I have also found this post which tries to give a solution but I did not manage to get any result.
http://www.zen-cart.com/forum/showthread.php?p=715983

Could you please help me in this issue?

Kind regards,
orange_juice

Hey there :)

Just installed 1.3.8 and your awesome template - thanks!

But there's a small problem... the website displays links below the banner! Categories. I can't figure out how to disable them and I've searched to no end. here's a link to my site: http://dfdancewear.com/shop/

How do I remove those links? They look really out of place.

Hi,
Is there no "about us" link in cherry zen? i tried to find but could not find it. appreciate some help here. thanks.

ruriimasu:

Hi,
Is there no "about us" link in cherry zen? i tried to find but could not find it. appreciate some help here. thanks.

its fine now. i found the answer myself :D

I am in need of help I have been searching the forum for ages now and can not find what i am looking for.

I need to move the product listing info above the attributes box and the starting at info and keep the attributes box above the buy now button.

is there a way to align the buy now under the attributes box as well.

Thanks in advance for any help you can give me
:lamo:

One more thing i am having heaps of trounble extending the width of my side boxes i have read and reread the read me file and followed it and my right hand side box even when i reverted back to the original sizes is over hanging the template

http://gigglesmiledesigns.com.au/Store/

orange_juice:

Hallo! I am a potential new user of zen cart. I am currently developing my cherry zen eshop at my local computer and I would like to ask the following question:

The width of the site is fluid. Can I make the height of the site fluid as well?

What I managed to do until now is to define a fixed height for my site with the following lines at stylesheet.css: (My lines are the GT marked)

.contentWrap {
padding: 5px 0 5px 5px;
height: 700px; /GT/
overflow-x: hidden;/GT/
overflow-y: auto;/GT/
}

> 
> Although this is close to what I need, this code does not give a "fluid" solution.
> 
> I have also found this post which tries to give a solution but I did not manage to get any result.
> [http://www.zen-cart.com/forum/showthread.php?p=715983](http://www.zen-cart.com/forum/showthread.php?p=715983)
> 
> Could you please help me in this issue?
> 
> Kind regards,
> orange_juice

I'm not understanding you. The site already is "fluid" in regards to height. In my understanding, fluid means that it expands and contracts depending on content. If you're saying you want it always to be the same height as the browser window, I'm not sure of a solution for that.

wheretostartwebsites:

I am in need of help I have been searching the forum for ages now and can not find what i am looking for.

I need to move the product listing info above the attributes box and the starting at info and keep the attributes box above the buy now button.

is there a way to align the buy now under the attributes box as well.

Thanks in advance for any help you can give me
:lamo:

If you open up includes/templates/cherry_zen/templates/tpl_product_info_display.php you can change around the order of stuff.

jrim:

Hey there :)

Just installed 1.3.8 and your awesome template - thanks!

But there's a small problem... the website displays links below the banner! Categories. I can't figure out how to disable them and I've searched to no end. here's a link to my site: http://dfdancewear.com/shop/

How do I remove those links? They look really out of place.

I can't see what you're referring to since you don't have the cherry zen template on right now. I think you might be referring to the Categories Tabs menu, which you turn of in your admin, under "Configuration", "Layout Settings"

wheretostartwebsites:

One more thing i am having heaps of trounble extending the width of my side boxes i have read and reread the read me file and followed it and my right hand side box even when i reverted back to the original sizes is over hanging the template

http://gigglesmiledesigns.com.au/Store/

If it isn't looking right, then you aren't doing something right. :P

The original section that I refer to in the readme, that you have to adjust to change sidebox width looks like this:

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

.float-wrap {
	float: left;
	width: 97%;
	margin-left: -165px; /* Same length as .outer padding-left but with negative value */
	}

#content {
	float: right;
	margin-right: -165px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */
	}

Also add 20 px more to these values (change 150 to 170, and 170 to 190):
#navColumnTwo {
	float: right;
	margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
	position: relative; /* IE needs this  */
}
* html #navColumnTwo {
	margin-right: -170px !important; /* Fixes IE6 Issue */
}

So, if you want your sideboxes to stay at 150px, then use the above section.

Let's say you want your sideboxes to be 170px wide. Change the values in "Configuration", "Layout Settings" remember to change it in all 4 places

Then, in the stylesheet section, increase EVERY SINGLE PX VALUE by 20px. so 150 becomes 170, 165 becomes 185, and 170 becomes 190.

jettrue:

I can't see what you're referring to since you don't have the cherry zen template on right now. I think you might be referring to the Categories Tabs menu, which you turn of in your admin, under "Configuration", "Layout Settings"
You are absolutely correct! I figured it out moments after posting via the FAQ but couldn't edit my post due to board restrictions. I couldn't search properly (due to the search tool excluding "in" and "below") so I apologize. Thank you!

jettrue:

If you're saying you want it always to be the same height as the browser window, I'm not sure of a solution for that.

Yup, this is the issue and its thorough solution seems to be more sophisticated than the idea itself. No problem.

Thank you for answering ptomptly and thak you for your excellent template!

Kind regards,
orange_juice

eggdashure:

Hey guys,

Need some Wizards of smart Bi-Browser CSS help.

If you check out my site at Monumental Photos you'll see that IE displays everything just fine. If you look in Firefox, the "heading.box" is stretched way out.

Now, that said, I did have Firefox showing up correctly, but IE would shrink the heading box down to the size of the text. So it's like one or the other. :frusty:

This happens when I edit the following "float" code (can either be top or left, left works in FF, top works in IE):

#navColumnOne {
float: top;
position: relative; /* IE needs this */

Appreciate the help!

Anyone have any ideas? I've exhausted my abilities. :down:

Hi
How do get into the tagline in the head section, to change the text or even remove it.

Also can I change the site to be "not fluid"

I really like this template, thanks

Graham

eggdashure:

Anyone have any ideas? I've exhausted my abilities. :down:

There's no such thing as float:top. Put it back to float:left. If that's still giving you trouble, reload the original stylesheet, that is not normal behavior, and you've over hacked your stylesheet. If you're trying to change your sidebox widths, reload the original stylesheet, and re-read the section on changing sidebox widths.

Graham35:

Hi
How do get into the tagline in the head section, to change the text or even remove it.

Also can I change the site to be "not fluid"

I really like this template, thanks

Graham

Anything like that would be found in the language files. You can use your "tools", "Developers Tool Kit" to search for chunks of text to find out what file it originates from.

To make it un-fluid, change this section:

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

To this:

#nw {
	width:1000px; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */

Of course changing 1000px the width you'd prefer.

Hi
Thankyou for that, but I still have this to deal with....

How do get into the tagline in the head section, to change the text or even remove it.

I am soory but I have problems getting my head around it all, I read and re-read your readme, other threads etc etc, but I am getting close to it now.

Thanks
Graham

Graham35:

Hi
Thankyou for that, but I still have this to deal with....

How do get into the tagline in the head section, to change the text or even remove it.

I am soory but I have problems getting my head around it all, I read and re-read your readme, other threads etc etc, but I am getting close to it now.

Thanks
Graham

Anything like that would be found in the language files. You can use your "tools", "Developers Tool Kit" to search for chunks of text to find out what file it originates from.

Hello. I am working on a brand new site and I have just uploaded the Cherry Zen template today, so I am not very far with it.

But, I am having a problem on the shopping cart page I am hopeful you wouldn't mind taking a look at. If you add an item to your cart, you will see that the "Unit" and "Total" columns are run together with no space between them, and I have not been able to figure out how to fix this.

https://www.couponcarryout.com

Thanks in advance for your assistance!

I'm using the Cherry Zen template and can not copy and paste off the website. How do I take out the script that doesn't allow copy and paste?
Thank you for your help in advance.