Cherry Zen Template Support Thread

[jettrue]

Hi Jade!

Well that was my first thought and I tried that, but it didn't work. Then I completely deleted the image out of the images folder just to see what would happen and now there is a yellow box showing. (see attached screenshot).


I have found something else though...and it explains why I didn't see it before. When there was no main page text, the yellow didn't show up. As soon as text was added, the yellow background appeared.


Thru a process of elimination, I have narrowed it down to being triggered by one word on the page...the word 'email'. I can substitute contact us and it doesn't have the yellow background. Any version of the word email, e.g.: E-mail, e-mail or email ... triggers the yellow background behind the search box.


The text is not linked either. It is just the word. I tried it both ways and it didn't make a difference.


I was incorrect before when I said it only occurred on the main page. It shows up like this on any page which has the word 'email' on it. It also does it with the original sidebox.gif images in place (see second screenshot).


My web developer toolbar is identifying it as" background-color: #FFFFA0 ", but this is not in any of the stylesheets.

Any clue as to what is causing this and where I can go to get rid of it?

Thanks!!

Ah. Its what IE7 does to designate "auto fill" fields. Perhaps do a google search to see if there is a way to stop auto fill fields from turning yellow.

[esugrue]

Hi:

Am using this template and it's awesome, specially how you have several in one via colours.

Anyway, I want to try to rearrange my product info page.

At the moment I have a few things unavailable but I still want people to have the option of ordering them.

I have changed the available date but it appears down the very bottom of the page and would like to move this notice maybe under the Add to Cart button or as a bullet point where `manufacturer' is.

What file(s) am I trying to find to edit and achieve this?

Thanks
Ernie

[maraud]

Two questions

How do I expand the width of the left column?

When I disable modules from the right colum, the grey background of the colum still shows up and the space is not used by the centre column. How can I change this?

[jettrue]

Two questions

How do I expand the width of the left column?

When I disable modules from the right colum, the grey background of the colum still shows up and the space is not used by the centre column. How can I change this?

From the readme, TIPS section:

3. To have ONLY left sideboxes, open up includes/templates/cherry_zen/css/stylesheet.css and remove the padding-right from the .outer section:

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

and remove the background image from #contentMainWrapper.

To change the width of the left column, open up the admin, and change the left column width under "Configuration", "Layout Settings".

Lets say you increase the width to 170px (20px more - the original is 150px), you'll need to open up includes/templates/cherry_zen/css/stylesheet.css and change all of the instances of 165px in the section below, to 185px (20 px more):

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

NOW, the grey background behind the sidebox will still be 150px wide, so you need to open up includes/templates/cherry_zen/images/sidebox.gif and change it to 170px wide, and re-upload the changed image.

[maraud]

[quote=jettrue;490673]From the readme, TIPS section:

3. To have ONLY left sideboxes, open up includes/templates/cherry_zen/css/stylesheet.css and remove the padding-right from the .outer section:
 
.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* Our right column width */
}
 
and remove the background image from #contentMainWrapper.

Thanks

[suekay]

Hi Jettrue,

I'm trying to remove the grey bacground for the side boxes on the fly. I'm using this tutorial:https://www.zen-cart.com/tutorials/i...hp?article=233
with this code (in includes/templates/template_default/common/tpl_main_page)

if ($this_is_home_page) {
$flag_disable_left = true;
}
to disable the sideboxes on specific pages. Is there a way that I can disable the background on specific pages and enlarge the central column as well?

Thanks
Suekay

[thailandosc]

My Firefox just updated.

Now my site looks awful.

Can anyone else see this www.sonicdvd.co.uk there is no template it looks like i am looking at the site on my mobile phone!

It was fine earlier.

I checked in safar and IE and its fine.

I am totally confused!


Around the same timetoday i installed PHP List (mailing list program) on the sever, in a different directory from zen cart using fantastico (i also installed zen cart using fantastico). Could this be what made the problem... but then why would it only affect how my site looks in Firefox only. I tried renaming the fantastico install text files that get put on the server.

I am totally baffled by this. The firfox is now version 2.0.0.16 and its makes chery zen look crap .

I changed back to the standard template to test and it works OK with the standard template

[suekay]

Hi Jettrue,

I'm trying to remove the grey bacground for the side boxes on the fly. I'm using this tutorial:https://www.zen-cart.com/tutorials/i...hp?article=233
with this code (in includes/templates/template_default/common/tpl_main_page)

if ($this_is_home_page) {
$flag_disable_left = true;
}
to disable the sideboxes on specific pages. Is there a way that I can disable the background on specific pages and enlarge the central column as well?

Thanks
Suekay

Hi,

I have half answered my question by finding this code on another posting to make the central column of the home page (only) the same width as the site:

#indexHomeBody .centerColumn {
float:left!important;
margin: 50px 0 5px -150px;
width:165%!important;
}

#indexHomeBody .navColumnTwo {display:none;}
#indexHomeBody .navColumnOne {display:none;}

Could I use some css to remove the grey side box backgrounds as well?

Thanks for any help you can give

[jettrue]

Hi:

Am using this template and it's awesome, specially how you have several in one via colours.

Anyway, I want to try to rearrange my product info page.

At the moment I have a few things unavailable but I still want people to have the option of ordering them.

I have changed the available date but it appears down the very bottom of the page and would like to move this notice maybe under the Add to Cart button or as a bullet point where `manufacturer' is.

What file(s) am I trying to find to edit and achieve this?

Thanks
Ernie

Try looking in the includes/templates/cherry_zen/templates/tpl_product_info_display.php. Its nicely segregated into sections; you should be able to find the date available section, and move it where you want it.

[maraud]

You recommended that to display the top menu with "Home | Log In" properly, I need to upload the original tpl_header.php.

The problem is that when using the CSS dropdown (Paul's edition), it changes this tpl_header.php file.

How can i use the original tpl_header for teh template along with the tpl_header for CSS dropdown without each deleting the other's required code?