Is This Possible?

[mamamiaw]

Hi all, this morning i just downloaded the Zen Cart...
And finished installing it.

So far, i really like it, but....i was wondering, especially about the layout and template...can i modify it?...at least like the way i want it to?

Anyway, this is the rough design of my template/layout..it's really standard and basic i think...




What I want to modify exactly are : (see the picture as refferece)
1.Can I replace the head and logo, without the link of Home and Log In (if possible, i want to put the Log In somewhere else)

2.Can I place Button with links underneath the header

3.Can I remove the links product category under my header?

4.Can I Make borders on the 'content' area (left and right)?

5 Can I make my own footer, without links, only image back ground

I'm so new in Zen cart, tryin hard to feel the Zen...
So any help will be highly appreciated.

Thank you in advance

"D"

[kuroi]

In the order you asked them ...

1. Yes
2. Yes
3. Yes
4. Yes
5. Yes

I recommend spending some time in the Tutorial/FAQ area. There's a special section in there that answers several of those questions already.

[mamamiaw]

I see....
I'm sorry not be too specific..
I don't mean to be lazy...

1. I found the way to change the header banner...but i haven't find any way to move the login and home link, any refference on how to do it?

2.On the link thing, i know that we can place manually with ez pages....but it's not a button, just 'text link', what i really want is a linked button....how to put it?

3. Found the solution...i'm happy ^_^

4. I try to change and insert the border on the tpl_main_page.php ....but somehow it's just won't show...
Any clue where should i change that?

And also i want to re-size the 'content' area inside the border...including the main area and boxes......but i'm confused how to do it

Thank you in advance

[stevesh]

Borders are best done in the stylesheet.

I don't know exactly where you want borders, but you need to install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various sideboxes.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.

When you find the section you want the border on, it should look like this (for the center column):

.centerColumn {border: 1px solid #ff0000;}

The width of the site is set in #mainWrapper - the default is 750px.

[mamamiaw]

Borders are best done in the stylesheet.

I don't know exactly where you want borders, but you need to install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various sideboxes.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.

When you find the section you want the border on, it should look like this (for the center column):

.centerColumn {border: 1px solid #ff0000;}

The width of the site is set ien #mainWrappr - the default is 750px.

Hello stevesh,

Thank you for your kind answer. I will try the firefox plugin.

If you look at the picture on my first post, it got this border writing. Basically i want to re-size the content/main part (including the left & Right side boxes) and then put left & right borders. I have try to change the #mainWrappr on the CSS file, but that then affect the whole site, including the header and footer

Anyway, again, thank you very much

"D"