X-Cart forums

[Swish]

Hi,
On the default blue/lucid template how would one insert an image in the top part where your logo goes?

I'm assuming it would be a background image as your logo and the nav tabs are on top of it?

And what about size/stretch?

Any tips appriciated. Thanks

[carpeperdiem]

Strings,

Time to learn about webmaster mode!

Webmaster mode will show you the entire template structure for any page... so you can determine that the logo lives in the file, /skin1/head.tpl

Then you can see that the logo lives in a <td> with a class="HeadLogo" --- but both td's live in a tr that does not have its own class...

SO -- if you want a background image for header, one way would be to place it using the css...

In your css, add this:

.StringsHead { BACKGROUND-IMAGE: url(images/header_background_image.gif); }

Then, put this class into the <tr> in head.tpl

FIND:

 <tr> 
    <td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/xlogo.gif" width="244" height="67" alt="" /></a></td>

REPLACE WITH:

<tr class="StringsHead"> 
    <td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/xlogo.gif" width="244" height="67" alt="" /></a></td>

And of course, upload your background image to /skin1/images

This is basic css -- sorry if it's too basic...

The thing to know is that xcart will tell you what template you need to edit if you use webmaster mode. Then it's basic css the rest of the way.

You can also strip the tables if you feel like it... but that's another thread.

Good luck.

Jeremy

[carpeperdiem]

PS -- you may find this tutorial helpful:

http://www.w3schools.com/css/css_background.asp