Adding (or modify) vertical header at top

[Tintarella]

I want to rebuild the shop in the top. I want to add a header like the one attached in my picture, where I add buttons, logo etc..I must edit some .tpl file..what should I put in there and what should I remove? I'm not good with Smarty.

Second, I want to remove "view" and display the price of the product instead, how to ?


Thanks in advance!!

[Dave Egerton]

in your themes/CSS

Global.css

You can edit #header css and related files

around line 192 it is this
#header {
float: left;
height:100px;
width: 71%;
text-align: right;
}

As you see it need to be chanegd to 100% for starters (Themese>>myTheme>>CSS>>global.css)

The template file itself is header.tpl if you need to add / change html. The elements inside the header on your front office, such as currency block are controlled viia the backofice>>modules>>Transplant a module. if you go there nd look for the

Header of pages - [A hook which allow you to do things in the header of each pages] and
Top of pages - 6 modules [A hook which allow you to do things a the top of each pages.]

You can see what is installed here and work it out from there. Of course you can (if theer is no hook in modules) add the code yourself, but what you want should mostly be CSS work,

if you need, use webdeveloper / firebug - It will have you see the HTML and so you can understand CSS (But the global.css file is quite well documented)