Second Logo

[adambos]

Hi

How can i achieve adding second logo to the far right header section, as shown in the picture below ( the empty space to the right ) the logo will be for different purpose and will link to contact us page!


please assist me

Thank you
Adam

[gaurav10feb]

well you need to modify tpl_header.php in your template >> common folder.

you might need to define div to be aligned right and insert the img tag in it

[adambos]

Sorry, i am newbie on this site!
can you please explain in details how i can do that?

Thank you
Adam

[schoolboy]

First, make a COPY of the following file on your hard drive. So this by sending a copy FROM the server TO your hard drive:

includes/templates/WHATEVER-YOUR-TEMPLATE/common/tpl_header.php

Using a PLAIN TEXT EDITOR such as CRIMSON EDITOR, open the copy on your hard drive for editing:

FIND:

<!--bof-branding display-->
<div id="logoWrapper">
    <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) . '</a>'; ?></div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

Under the line:
<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) . '</a>'; ?></div>

Add this directly underneath it:
<div id="logoTwo"><a href="index.php?main_page=contact_us"><img src="includes/templates/WHATEVER-YOUR-TEMPLATE/images/logo-two.jpg" alt="contact us" /></a></div>

save the file on your hard drive.

NOW... create your CONTACT US image, and call it logo-two.jpg

FTP this image to:

includes/templates/WHATEVER-YOUR-TEMPLATE/images/

Go back to your SERVER (via FTP) and BACKUP the original tpl_header.php by re-naming it tpl_header.php.BAK

Then, send your edited copy to the server, so that it is in:
includes/templates/WHATEVER-YOUR-TEMPLATE/common/

-----------------------------------

As you now have a DIV with an ID = "logoTwo", you can use CSS to position this DIV... something like:

#logoTwo {float: right;}

... may help...

[adambos]

Thank you very much, it works perfect.
i really appreciate your assistance.