Simple Zen Template - Support Thread

[dharma]

Thanks Jade for your Help!

I did your last suggestion with the #logoWrapper to 950px. It looks more centered, however the bottom drop shadow drops out at 950px too.

I realize most people use a small browser window, however my 15" monitor views web pages at 1276 so I want it to look good wide, just in case...

any way to keep the gifs where they are and have the drop shadow go to the end?

also since what ever I do here I have will have empty space in my header, what would I have to do to increase the spaces in-between the gifs, or add another gif (photoshop) but still have the links work...

[jettrue]

Thanks Jade for your Help!

I did your last suggestion with the #logoWrapper to 950px. It looks more centered, however the bottom drop shadow drops out at 950px too.

I realize most people use a small browser window, however my 15" monitor views web pages at 1276 so I want it to look good wide, just in case...

any way to keep the gifs where they are and have the drop shadow go to the end?

also since what ever I do here I have will have empty space in my header, what would I have to do to increase the spaces in-between the gifs, or add another gif (photoshop) but still have the links work...

I guess to do the 950 method, you'd need to add a new wrapper, like #logoWrapperOuter, and give that the original #logoWrapper css, then give #logoWrapper the width of 950px. :-)

[dharma]

I gave it a go, looks good but no wrapper now.

The links look better floating all the on the right anyway so I am going back to the original CSS.

I found the gif header links in the english folder and am going to experiment with adding another gif to the original set of 3, making it 4 gifs with links.

If I added another gif and then added an additional:

<ul><li><a id="sc" href="index.php?main_page=whatever_page"><i>Whatever Page</i></a></li> 

to the header.php page

how does ZC discern between each gif? is it the size of the gif?

[jettrue]

I gave it a go, looks good but no wrapper now.

The links look better floating all the on the right anyway so I am going back to the original CSS.

I found the gif header links in the english folder and am going to experiment with adding another gif to the original set of 3, making it 4 gifs with links.

If I added another gif and then added an additional:

<ul><li><a id="sc" href="index.php?main_page=whatever_page"><i>Whatever Page</i></a></li> 

to the header.php page

how does ZC discern between each gif? is it the size of the gif?

Its kind of a complicated css trick. Its all done via this chunk of css (and there's only ONE image, by the way):

#tagline {
	float:right;
	height:70px;
	width:336px;
	}
	
#tagline ul {
  	height:86px; 
  	margin:0;
  	width: 336px;
	background:#fff url(../images/topnav.gif) no-repeat right top;
  	}
  
#tagline li {
  	list-style-type:none; 
  	width:0;
  	height:67px;
    position:absolute;
  	}
  
#tagline a {
	float:left;
  	height:0;
	position:absolute; 
  	color:#000; 
  	text-decoration:none; 
 	padding-top:66px; 
 	}
  
#tagline a#sc{
  	position:absolute; 
  	left:30px; 
  	top:0px;
  	width:90px;
  	}
  
#tagline a#cu {
  	position:absolute; 
  	left:140px; 
  	top:0px; 
  	width:85px;
  	}
  
#tagline a#ma{
  	position:absolute; 
  	left:250px; 
  	top:0px; 
  	width:85px;
  	}

#tagline i{visibility:hidden}

The #sc is for the shopping cart link, the #cu is for the contact us, and the #ma is for the my account link.

Basically, you'd need to first create your new image with the new picture added, and change the width for the tagline to the new width in two places, all you'd have to change is the width:

#tagline {
	float:right;
	height:70px;
	width:336px;
	}

#tagline ul {
  	height:86px; 
  	margin:0;
  	width: 336px;
	background:#fff url(../images/topnav.gif) no-repeat right top;
  	}

Then, you'd need to add your new link to includes/languages/english/simple_zen/header.php, In the example below, I'll give it the id of #nl.

<ul><li><a id="sc" href="index.php?main_page=shopping_cart"><i>Shopping Cart</i></a></li><li><a id="cu" href="index.php?main_page=contact_us"><i>Contact Us</i></a></li><li><a id="ma" href="index.php?main_page=account"><i>My Account</i></a></li><li><a id="nl" href="index.php?main_page=new_link"><i>New Link</i></a></li></ul>

Then you'll need to add a new code for #nl (this assumes you'll add it to the end of the image:

#tagline a#nl{
  	position:absolute; 
  	left:360px; 
  	top:0px; 
  	width:85px;
  	}

[kankles]

Hi,

First I'd like to say this is an awesome template, its been extremely easy to customize.

My problem is with a column over ride. I followed the directions for over riding the right hand column from a previous post on this thread: http://www.zen-cart.com/forum/showth...=44474&page=11. This over ride worked on all the pages, except for when I link from the manufacturers sidebox on the main page. The right hand column still shows up on the pages that display the listings of a manufacturers products.

I attempted to fix the problem by adding to the code in tpl_main_page.php with no effect:

<?php
if (COLUMN_RIGHT_STATUS == 0 or (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') or ($current_page!='index' || (int)$cPath>0) or ($current_page!='index' || (int)$manufacturers_id>0 )) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>

Any ideas on what I'm doing wrong?

Thanks,
Jesse

[jettrue]

Hi,

First I'd like to say this is an awesome template, its been extremely easy to customize.

My problem is with a column over ride. I followed the directions for over riding the right hand column from a previous post on this thread: http://www.zen-cart.com/forum/showth...=44474&page=11. This over ride worked on all the pages, except for when I link from the manufacturers sidebox on the main page. The right hand column still shows up on the pages that display the listings of a manufacturers products.

I attempted to fix the problem by adding to the code in tpl_main_page.php with no effect:

Any ideas on what I'm doing wrong?

Thanks,
Jesse

<?php
if (COLUMN_RIGHT_STATUS == 0 or (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') or ($current_page!='index' || (int)$cPath>0) or ($current_page!='index' || (int)$manufacturers_id>0 )) {
// global disable of column_right
$flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>

Well, a manufacturers page *is* main_page=index, so maybe this part should be like this:

$current_page=='index' || (int)$manufacturers_id>0

I'm not really great with php code... I do a lot of trial and error. Let me now how that works out for ya...

[Dionysian]

jettrue,

I really like your template. The buttons are cool!

Just one thing I noticed while playing around, the "Reedeem" button in the gift certificate screen should be "Redeemed"

Thanks again for this template!

[MB1]

i upgraded my site to 1.3.7 and i can't seem to get the colum to show catagories at all, everything was fine until i upgraded the simple_zen files and now even when i use the old back up file the catagories don't show up, i even installed your niftyzen emplate but it was the same.

www.gorillagear.ca

[jettrue]

i upgraded my site to 1.3.7 and i can't seem to get the colum to show catagories at all, everything was fine until i upgraded the simple_zen files and now even when i use the old back up file the catagories don't show up, i even installed your niftyzen emplate but it was the same.

www.gorillagear.ca

Can I see the template on?

[MB1]

i figured it out for some reason when i upgraded the site is turned off all my boxes i just went into te box controller and turned it on again