Page 1 of 1
Changing the Header
Posted: Mon Nov 01, 2010 8:52 am
by $am
I've been trying to figure out how to change the header with one that I've made but nothing is working. Any hints on how that's done?
Re: Changing the Header
Posted: Mon Nov 01, 2010 1:39 pm
by navex
I guess you have to be more specific as to what you are trying to change before anybody can help you.
Re: Changing the Header
Posted: Tue Nov 02, 2010 12:02 am
by $am
I'm trying to add a customer header/banner to the top of the page. It seems that I would need to add this to the div id #Header. div 1 however that's not located in the catalog theme stylesheet but that ID is located under the admin stylesheet.
From what I've read so far on the documentation I though the default theme stylesheet is where most of the presentation changes are to be made and the admin stylesheet shouldn't really be touched at all. I've tried to change the admin default stylesheet however that didn't work either. Any advice on what I'm doing wrong?
Re: Changing the Header
Posted: Tue Nov 02, 2010 1:13 am
by Johnathan
The admin stylesheet is for the admin backside. You can change it if you want, but most people don't really care if to spend time on editing something only they'll see.
The customer frontside stylesheet is located in:
/catalog/view/theme/default/template/stylesheet/stylesheet.css
The default theme's stylesheet shouldn't be edited. What you should do is create a *new* theme, copying over the default stylesheet, and edit that. You can also copy over part of the template folder if there's anything in there you want to change. The template files you don't copy over will automatically fall back to the default theme (which is why you need to keep it in tact).
For a customer header/banner at the top of the page, you'd need to edit the header file in your theme:
/catalog/view/theme/YOURNEWTHEME/template/common/header.tpl
Re: Changing the Header
Posted: Tue Nov 02, 2010 1:30 am
by $am
So then for example if I wanted my banner at the top of the page I would insert the image in header.div1 tag?
Code: Select all
<div id="header">
<div class="div1">
<div class="div2"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $store; ?>" alt="<?php echo $store; ?>" /></a></div>
Re: Changing the Header
Posted: Tue Nov 02, 2010 4:54 am
by Johnathan
Yes, that should work. You might have to play around with the styling to make sure it displays the way you want it to.
Re: Changing the Header
Posted: Tue Nov 02, 2010 5:07 am
by $am
I'll give that a go, thanks alot for your help!