Logo and a picture in the header

Hi everyone its been a while for me but hopeing to get back into it.

Right here goes, im using the latest version of zen cart with the mystic template now im wanting a small picture where the logo is and i want the name to run across the top from center to right now i have the picture ready and an animated GIF ready but have no clue how to put them in.

This is the site: http://mrs-miggins.co.uk/

If anyone could help me i would be greatful

Thanks guys

I see your animated image in the std logo position due to it being named logo.gif

What else are you seeking?

Well i want that to go in the center which ive tried with no joy, went into the stylesheet.css but will only move to the right or left and theres more words to go in so would like it accross the center the other thing is i would like a picture to go where the log is now, is that at all poss?
Thanks for looking

You can add text-align:center; to **#logoWrapper **to center the logo.

You can also add an image to #headerWrapper to place another image in the header.

Is this all in the stylesheet? and what would i need to put in the headerwapper?

Thanks for the help

well so far i got the logo in the middle but how do i change the size of it so it goes across the center? and i found the headerwapper but not sure what to put in there to add a pic to the left corner? I tried adding width to #Logo but it just moves it to the left?

That image is 600 X 100 pixels, so you'll need to open includes/languages/english/header.php and change the 192 to 600 and the 64 to 100, and save the file to includes/languages/english/mystic.

thats not working i did it how you said it didnt work i then save it in the header file you first said still nothing?

thats not working i did it how you said it didnt work

I am still seeing this for that image

600px × 100px (scaled to 192px × 64px)

Recheck that you edited the correct file in the correct location

Hi and thanks again yes i missed the header in the template file drrrr now all i need is to get a small pic in the right and left hand side stevesh said i need to put something in the headerwapper but not sure what??

now all i need is to get a small pic in the right and left hand side stevesh said i need to put something in the headerwapper but not sure what??
2 Files need editing for your template structure

A copy of tpl_header.php and I have named the additionals as logoLeft & logoRight for left & right

Add the red text in tpl_header.php

<!--bof-branding display-->
<div id="logoWrapper">

<div id="logoLeft"><?php echo zen_image($template->get_template_dir(HEADER_LOGoL_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGoL_IMAGE) ; ?></div>

<div id="logo"><?php echo zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE) ; ?></div>

<div id="logoRight"><?php echo zen_image($template->get_template_dir(HEADER_LOGoR_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGoR_IMAGE) ; ?></div>

<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>


<div id="taglineWrapper">

For header.php which you have already edited for width & height

Add the red text in header.php

define('HEADER_ALT_TEXT', '');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', '???px');
define('HEADER_LOGO_HEIGHT', '???px');
define('HEADER_LOGO_IMAGE', 'image_name');
define('HEADER_LOGOL_WIDTH', '???px');
define('HEADER_LOGOL_HEIGHT', '???px');
define('HEADER_LOGOL_IMAGE', 'image_name');
define('HEADER_LOGOR_WIDTH', '???px');
define('HEADER_LOGOR_HEIGHT', '???px');
define('HEADER_LOGOR_IMAGE', 'image_name');

Your images need to be in your_template/images/

Hi and thanks for that not sure what im doing wrong but i get nothing

this is what ive done

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logoLeft"><?php echo zen_image($template->get_template_dir(HEADER_LOGoL_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGoL_IMAGE) ; ?></div>

<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
    <div id="logo">
    <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?>
    </div>
<div id="logoRight"><?php echo zen_image($template->get_template_dir(HEADER_LOGoR_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGoR_IMAGE) ; ?></div>

and

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
  define('HEADER_SALES_TEXT', 'TagLine Here');
  define('HEADER_LOGO_WIDTH', '600px');
  define('HEADER_LOGO_HEIGHT', '100px');
  define('HEADER_LOGO_IMAGE', 'logo.gif');
  define('HEADER_LOGOL_WIDTH', '192px');
  define('HEADER_LOGOL_HEIGHT', '64px');
  define('HEADER_LOGOL_IMAGE', 'retro.jpg');
  define('HEADER_LOGOR_WIDTH', '192px');
  define('HEADER_LOGOR_HEIGHT', '64px');
  define('HEADER_LOGOR_IMAGE', 'retro.jpg');

what have i done wrong?

In the defines you have it proper with
LOGOR
LOGOL

But in the tpl_header.php yo firdt have it out of order and then not defined/coded properly - - See highlighted code

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logoLeft"><?php echo zen_image($template->get_template_dir(HEADER_LOGoL_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGoL_IMAGE) ; ?></div>

<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
    <div id="logo">
    <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?>
    </div>
<div id="logoRight"><?php echo zen_image($template->get_template_dir(HEADER_LOGoR_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGoR_IMAGE) ; ?></div>

So do i just change the o's to capitals? sorry if i sound very stupid lol

Well yes, it appears that you did that on purpose.....???

Code has to be correct first - - before one can even begin to seek other issues

i just copied how you put it up sorry but ive changed it and still nothing

Right i managed to get the picture up but its overriden my logo and in the center:unsure:

Is there something i need to add to the stylesheet?

Try adding this to the end of the stylesheet:

**#logoRight {float:right;}

#logoLeft, #logo {float:left;}**

tried that didnt work but you gave me the idea for this

#logo {
	float: center;
	}
#logoRight {
        float: right;
        }
#logoLeft {
        float: left;
        }

Which got them to the left and right but if you take a look its messed this up a little lol so stuck again:unsure:
I tried changing the size in the header but that didnt work either