Using a html file as header/logo

[gjh42]

You can style the clickable link area to the size you want, so it includes the "button" image to the left of the text, for example.

You would do this by adding padding to the link id to bulk it out on whichever sides of the text you desire, in combination with setting a fixed height and width for the link.

[andersw]

You can style the clickable link area to the size you want, so it includes the "button" image to the left of the text, for example.

You would do this by adding padding to the link id to bulk it out on whichever sides of the text you desire, in combination with setting a fixed height and width for the link.

Thanks for the help, but which specific files do I need to do changes. in the tpl_header.php and the stylesheet.css? How do I give the links an id and write this the the stylesheet?

[gjh42]

Example:

#headerWrapper {
    background: url(../images/yourimage.png);
    position: relative;
    }

#navLink1 {
    position: absolute;
    display: block; /*not sure if this is needed*/
    top: 123px;
    left: 567px;
    width: 66px;
    height: 34px;
    padding: 12px 0 0 33px;
    }

The link code is up to you; you can relocate existing ones or add new ones. They will all have the <a href=... code. You can add the id there:
<a id="navLink1" href=...

[andersw]

So, I only need to alter the stylesheet? The links I want on the header is Customer Service, Contact Us and Shopping Cart. The example you use #navLink1, which id has the one I will be needing?

[gjh42]

The <a id=... is in tpl_header.php. The #headerWrapper... is in your stylesheet.

None of the links has an id now, so you will have to give them whatever ids you want. They can be anything, but they must be distinctive so they don't accidentally match some other existing id.

[andersw]

OK, I have this code in tpl_header.php

<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

Can I change this to:

<li><a id=navLogoCart><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></a></li>

[gjh42]

No, you will need to take the link out of the <ul> <li> list structure (get rid of the list and its containing div) and just have this:

<a id="navLogoCart" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>

[andersw]

OK, I REMOVE this:

<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 }?>
</ul>
</div>

And REPLACE with:

    <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a>
<?php if ($_SESSION['customer_id']) { ?>
    <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a>
    <a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <a id="navLogoCart" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
    <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a>
<?php }?>

[gjh42]

That is correct. Now you have to decide which of those links you want active in your reworked header. The code as is will only show the navLogoCart link if there is something in the cart. If you want to show that link all the time, you will need to remove the
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
and
<?php }?>
from around that HTML link. The checkout link is also displayed when the cart link is displayed; do you want that?

You need to go through each of those links, learn what they are, and decide if and where to use them.

[MagicMan]

Just reading this makes me twitch. What if I do not want to deal with all the links and tpl_header and CSS etc.etc.etc.

All I would like to do is to create my header in photoshop with sliced images that have link code embeded in it and cut and paste the code to be used as my header.

Keep it simple so I can change it whenever I want without having to go through all the extra bull.

Any suggestions for how to so this? Thanks.