[Help Needed] - Changing Store Banner (LogoWrapper)

[rbarbour]

without see actual code

easiest way would be:

in /includes/templates/classic/common/tpl_header.php

find:

<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>

change to:

<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 id=twitter><?php echo zen_image(DIR_WS_TEMPLATE.'images/twitter.png')?></div>
<div id=facebook><?php echo zen_image(DIR_WS_TEMPLATE.'images/facebook.png')?></div></div>

rename twitter.png & facebook.png to YOUR IMAGE NAMES

upload images to /includes/templates/YOUR_TEMPLATE/images folder

CSS

add to div#logo
position:relative;
z-index:98;


add
div#twitter {
position:absolute;
top:XXpx;
right:XXpx;
z-index:99;
}

add
div#facebook {
position:absolute;
top:XXpx;
right:XXpx;
z-index:99;
}

that should give you an idea

[Mort-Incarnate]

without see actual code

easiest way would be:

in /includes/templates/classic/common/tpl_header.php

find:

<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>

change to:

<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 id=twitter><?php echo zen_image(DIR_WS_TEMPLATE.'images/twitter.png')?></div>
<div id=facebook><?php echo zen_image(DIR_WS_TEMPLATE.'images/facebook.png')?></div></div>

rename twitter.png & facebook.png to YOUR IMAGE NAMES

upload images to /includes/templates/YOUR_TEMPLATE/images folder

CSS

add to div#logo
position:relative;
z-index:98;


add
div#twitter {
position:absolute;
top:XXpx;
right:XXpx;
z-index:99;
}

add
div#facebook {
position:absolute;
top:XXpx;
right:XXpx;
z-index:99;
}

that should give you an idea

Thanks man. That helped a lot!

[rbarbour]

glad I could help!

Looks good btw

[Mort-Incarnate]

glad I could help!

Looks good btw

Yea I am actually going to need to make a few changes on the banner lol, to get rid of some of the pixelation around the twitter logo and the optical illusion in the text. At least now I know where to find my place in the script.

Thanks again