Cherry Zen Template Support Thread

[jettrue]

Hello, I installed the template, but cross sell don't work, though all the cross sells were properly installed. It was working fine with my previous template.

Also when I clicked the sub-categories listing, the product descriptions appeared twice, that is same writings showing in dupilicates.

Please help, I am not a programmer. thanks,

Isvara dasa.

As far as the cross sell goes, as ideasgirl stated, you'll have to add the cross sell code back into includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

As for the double description... can you link me to a page that is doing this?

[HeathenMagic]

Hello Jettrue,

Many apologies, I missed that part.

Thanks,

Heathenmagic

[panelcart]

Hi,

I was a user of simple_zen and now this new wonderful template. Thanks!

Im looking to decrease the size of the middle column and expand the left and right columns a little bit. How would I do that? I played around the .css but no success.

Thanks.

[jettrue]

Hi,

I was a user of simple_zen and now this new wonderful template. Thanks!

Im looking to decrease the size of the middle column and expand the left and right columns a little bit. How would I do that? I played around the .css but no success.

Thanks.

It'll be a little complicated, but doable. You'll need to also increase the grey sidebox image as well to the width you want. You'll have to open the file in an image editing program, then re-size it and save it.

First you'll need to change the width of the sideboxes in the admin, under "Configuration", "Layout Settings". Make sure to change both sideboxes in both places.

Then in the css, this section contains the changes you'll need to make:

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

.contentWrap{
	padding: 5px 0 5px 5px;
	}
	
#navColumnOne { 
	float: left;
	position: relative; /* IE needs this  */
	}
	
#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  */
	}

You'll change the 150px to the width of your sideboxes. Let's say you choose 170px, then you'll need to also increase all of the 165px by 20px, to 185px.

I *believe* that's all you'll need to do, let me know how it works out.

[panelcart]

It'll be a little complicated, but doable. You'll need to also increase the grey sidebox image as well to the width you want. You'll have to open the file in an image editing program, then re-size it and save it.

First you'll need to change the width of the sideboxes in the admin, under "Configuration", "Layout Settings". Make sure to change both sideboxes in both places.

Then in the css, this section contains the changes you'll need to make:

.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  */
    }
 
.contentWrap{
    padding: 5px 0 5px 5px;
    }
 
#navColumnOne { 
    float: left;
    position: relative; /* IE needs this  */
    }
 
#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  */
    }

You'll change the 150px to the width of your sideboxes. Let's say you choose 170px, then you'll need to also increase all of the 165px by 20px, to 185px.

I *believe* that's all you'll need to do, let me know how it works out.

Just coming back with feedback for this. All advice given has worked

Thanks alot :)

[panelcart]

Hi,

I have managed to edit the part below where you enter the company name and where it says sagefish, so it looks better, but ontop of all that there is a single link that says "home" which I would like removed from there. Any idea how?

Website: www.notebookwebsite.co.uk

Thanks

[panelcart]

Oh and also any way I can align the header banner (Google) To the right of the template? How can I do that?

Thanks

[jettrue]

Hi,

I have managed to edit the part below where you enter the company name and where it says sagefish, so it looks better, but ontop of all that there is a single link that says "home" which I would like removed from there. Any idea how?

Website: www.notebookwebsite.co.uk

Thanks

You'll need to open up includes/templates/cherry_zen/common/tpl_header.php and remove this:

<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>

I would answer your following question, but I don't see a google banner next to the logo.

[musicfreer]

Thanks for your great template! I like the green one which matches my company's image!

I am now going to install some add ons which allow me to show multiple images with mouseover function

May anyone suggest me such addons which are compatible with this template?

many thanks!!

By the way, I have a second problem. I used HTML codes in product info and it work properly at that level. However, when I go back to product listing, instead of showing plain Eng under the product names, HTML codes appeared there! Any iea how to fix it? thanks

[spottedhaggis]

Installed and started working on customising this.

Everything looks great graphically, however the darn css has be conflounded.

My monitor res is set to 1280 x 1024 and I have managed to fudge the css to accommodate the sizes I need it to be, in my case 99% width always.

With the default settings I had a scroll bar accross the base of the site, setting to 99% removed this.

I then had to add a top margin above the category title because for some reason I had a gap of 12 px.

So, with the above res it looks perfect, however if I set my resolution to the norm and more common 1024x768 the content part of the site flows into the right column.

Can you please explain how exactly this css works for this site, as I am confused.