Post by $am » Mon Nov 01, 2010 8:52 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?
Last edited by i2Paq on Mon Nov 01, 2010 1:40 pm, edited 1 time in total.
Reason: Topic moved

$am
New member

Posts

Joined
Mon Nov 01, 2010 8:49 am

Post by navex » Mon Nov 01, 2010 1:39 pm

I guess you have to be more specific as to what you are trying to change before anybody can help you.

New member

Posts

Joined
Sat Feb 06, 2010 4:15 pm

Post by $am » Tue Nov 02, 2010 12:02 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?

$am
New member

Posts

Joined
Mon Nov 01, 2010 8:49 am

Post by Johnathan » Tue Nov 02, 2010 1:13 am

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

Image Image Image Image Image


User avatar
Administrator

Posts

Joined
Fri Dec 18, 2009 3:08 am


Post by $am » Tue Nov 02, 2010 1:30 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>
    

$am
New member

Posts

Joined
Mon Nov 01, 2010 8:49 am

Post by Johnathan » Tue Nov 02, 2010 4:54 am

Yes, that should work. You might have to play around with the styling to make sure it displays the way you want it to.

Image Image Image Image Image


User avatar
Administrator

Posts

Joined
Fri Dec 18, 2009 3:08 am


Post by $am » Tue Nov 02, 2010 5:07 am

I'll give that a go, thanks alot for your help!

$am
New member

Posts

Joined
Mon Nov 01, 2010 8:49 am
Who is online

Users browsing this forum: No registered users and 19 guests