A Different Zen Template or "Sage"

[ecstasy]

Thanks very much

[ecstasy]

how do you stop the top bar categories going off the page in firefox and opera?

[kobra]

When I looked at https://ecstasylove.org/stores/ the "Sage" template was not enabled

[ecstasy]

try now. i will leave as sage for 1 hour

[kobra]

I do not know what is causing the scroll L&R bar as the template is set to 100% and as such should only take the full width and no more you could adjust the following and see if it helps. (includes/templates/sage/css/stylesheet.css)

I did not see the top bar categories going off the page FF 1.5.0.9 or 2.x

#mainWrapper {
	background-color: #f5f5d6;
	text-align: left;
	width: 99%;
	vertical-align: top;
	}

And to get the designed look the L&R columns need to be set to about 10px wider than the L&R boxes in the admin > config > layout settings

[rstevenson]

Hi kobra,

After struggling mightily to get my own mods to Custom to do what I want, and creating in the end severe and probably unfixable bugs, I'm going to start over using Sage as a foundation. It's already more than half-way towards what I want.

My main issue is that I have a vertical format logo. (See it here. Looks great in Firefox! )

Can you think of any way to get that logo up in the top-left corner? I'm going to use a common background color on the header as well as the left column, so the area the logo will occupy should be fine. But I'll need to push the left column sideboxes down -- maybe a negative top margin on the top-most one? -- and the header content to the right. And then how do I get the logo in? I think I could add a div (in which file?) and use position absolute to take it out of the flow -- if I can make space behind it by moving the other elements.

Before I go messing things up too much, I thought I'd ask if you had any hints. Maybe if together we can get this working, it could be another template contrib, as there must be others out there who have logos that don't fit the usual Zen Cart template layout.

Thanks for any help you can offer,

Rob

[rstevenson]

I'll answer my own question about floating a vertical format logo in the top-left corner of the page, in case anyone wants to do this. It turned out to be easy. Remember, I'm using the Sage template; I've no idea if this would work in other templates.

First, replace the Zen logo with your own, in the usual place: includes/languages/english/header.php (Or in your override folder.)

In the style sheet give logo a style like this (adjust the px to suit)...

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

The "position: absolute" takes it out of the flow, so everything else on the page will ignore it.

In the style sheet give a left margin to whatever is in the header other than the logo -- in my case that was tagline and navMainWrapper -- to push them over to the right to avoid your logo.

You may or may not want to set a height on the header. I didn't since there's only text up there now that the logo is out of the flow.

You'll need a top-margin on the top-most element in your left column to push it down below the logo. In my case the cart summary sidebox is active and is first, so I put a large top-margin on its header, like so...

#cartsummaryHeading {
	margin-top: 200px;
}

Add chocolate sauce to taste and serve over ice-cream!

Rob

[hollygds]

Thanks for your generosity in sharing this template! I have one small issue relating to the left and right columns. I've got them both turned on and need the width of each to be 200. I see in your install.txt that you require them to be 190px. How can I change the stylesheet to honor my necessary width? Should I create my own bg images at the width I need them for the two columns? You can view my store here: http://bes.lunarservers.com/~godig4/...roducts_id=215. It gets worse when I view a product that has a relatively small product description.

PS I have not changed anything in this template set that you provided.

Thanks in advance for your assistance!

[kobra]

Sorry, but this thread fell off my subscribed list somehow...probably operator error!!!

I see that you have created a nice looking "custom" template and congrats to you!!

[motti]

[FONT=Times New Roman]Hi[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]Am thinking on changing template, will that effect in any way my meta tag? [/FONT]
[FONT=Times New Roman]Will that effect in any way what has been index by Google and other search engine?[/FONT]
[FONT=Times New Roman]Thank You[/FONT]