Changing the top header....

[chrisb1983]

Hi,

Looking for a little help from someone. I'm sort of new to this.

My website is www.buysmilighttubes.co.uk

On the very top bar I believe it is header.php I am wanting to do the following;

Add a button Contact Us... and for this to link onto osticket the link is

http://buysmilighttubes.co.uk/contact/

I no that EZ pages can add links however that seems to add the link below the logo and the colour of the bar does not really look right on the site.

Thanks in advance

Chris.

[fairestcape]

I wouldn't call that "Contact Us", but rather call it "Open Support Ticket". Your contact us page is a default page in ZC.

Anyway, open the following file:

includes/templates/template_default/common/tpl_header.php

and around line 45 - 47:

    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>

Add this directly below it:

<li><a href="http://buysmilighttubes.co.uk/contact">Open Support Ticket</a></li> 

SAVE the edited file to:

includes/templates/cherry_zen/common/tpl_header.php

[niccol]

To add a link in the top nav bar you need to find a file called tpl_header.php.

includes - templates - YOUREMPLATE - common.

At the top of the file you will see:

Find the section that reads:

<!--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 }?>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

Basically this creates a list which is then formatted into the top nav buttons.

So, you can add another <li></li> pair to the list. Like:

<!--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>YOUR NEW LINK GOES IN HERE</li>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

You could replace "YOUR NEW LINK GOES HERE" with <a href="http://buysmilighttubes.co.uk/contact/">http://buysmilighttubes.co.uk/contact/</a>

[niccol]

Sorry typo:

<a href="http://www.buysmilighttubes.co.uk">www.buysmilighttubes.co.uk</a>

[niccol]

Having a bad hair day:

<a href="http://www.buysmilighttubes.co.uk">YOUR LINK TEXT</a>

[dbltoe]

Some invaluable tools for you would be:
* firefox with the firebug addon. - Let's you find that the info you want to add would go in the navMain id.

* The developers tool kit in the tools menu of your admin will tell you that the navMain id is in the includes/templates/cherry_zen/tpl_header.php

[chrisb1983]

Thanks for all your help.. Ill take a look at that.

[chrisb1983]

Hi,

Just tried to do this... It works however the problem which I have is it shows the link in a smaller font and black so does'nt fit into my site. Can you advice how to correct this please?

Thanks

[niccol]

see the post about firefox/firebug.

It will tell you exactly which css rule is creating that color.

In this case i am guessing that there are <span> tags that are styled around the other links.

The style for it is on line 127 of your stylesheet.

So you need to put <span> tags around your link but inside your <li> tags.

<li><span><a></a></span></li>

[niccol]

I am sorry. I am having a bad day! I will stop posting after this and read a book.

The span tags are inside the <a> tags on the others.

<li><a><span></span></a></li>