How Do I Add An Additional Image To My Header?

[Scully]

One of my clients just got a Google Play Store App for her bookstore, so she wants to add the coded button to the header of her zencart. Following advice I found elsewhere in the forum, I tried adding this line of code to her includes/languages/english/header.php file:


<div id="midheader"><a href="https://play.google.com/store/apps/details?id=com.becca_sinh"> <img alt="Get it on Google Play" src="https://developer.android.com/images/brand/en_generic_rgb_wo_60.png" /> </a></div>


But needless to say, since I'm posting here, it didn't work.

What did I do wrong, and how should I fix it?

Thanks!!!!!

[kobra]

Try adding to a copy for your template of

/includes/templates/template_default/common/tpl_header.php

[Scully]

Okay, I added

<div id="midheader"><a href="https://play.google.com/store/apps/details?id=com.becca_sinh"> <img alt="Get it on Google Play" src="https://developer.android.com/images/brand/en_generic_rgb_wo_60.png" /> </a></div>

to the bottom of that file and uploaded it...what was it supposed to do? No change.

[kobra]

to the bottom of that file and uploaded it

You will want to insert it into the code where you want it


Somewhere between <!--bof-header logo and navigation display--> and <!--eof-branding display-->

[Scully]

Ah...still no change. I put it right up near the top:

<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="midheader"><a href="https://play.google.com/store/apps/details?id=com.becca_sinh"> <img alt="Get it on Google Play" src="https://developer.android.com/images/brand/en_generic_rgb_wo_60.png" /> </a></div>

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>

Suggestions?

[kobra]

Worked when I added it

You can see HERE

[Scully]

Then I wonder why it didn't work here: http://www.becca-sinh.com/zencart/

[Scully]

Any ideas? Anyone? Please?

[kobra]

Try adding it here

<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
<li><a href="/demo/index.php?main_page=page_4">my_text</a></li>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<div id="midheader"><a href="https://play.google.com/store/apps/details?id=com.becca_sinh"> <img alt="Get it on Google Play" src="https://developer.android.com/images/brand/en_generic_rgb_wo_60.png" /> </a></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

[Scully]

No, still nothing. :-<

I did figure out what could be part of the problem...the image at the top, right of the logo, with the soft pink vines and swirls on it, was the entire length of the header (minus the length of the logo), so that they were bumping together. There probably just wasn't any room for the button. So I shortened it considerably, and now have some empty space on the right.

It doesn't matter to my client whether the button is in the center or on the far right, so it's probably easier to tuck it into the upper right corner, since the swirly logo falls naturally into the center. Obviously <div id="midheader"> won't work anymore since it's no longer supposed to be in the middle (not that it ever worked anyway) but what code should I use to move the button over to the right? I tried <div id="rightheader">, but that didn't do anything. At least, for a change, it didn't break anything, either. LOL

I appreciate your help!!