Forums / Templates, Stylesheets, Page Layout / Vertical align of text

Vertical align of text

Views: 2,228

Results 1 to 19 of 19
18 Jun 2011, 3:52 PM
#1
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Vertical align of text

I have been struggling for 3 days to vertically align the text in my shopping cart on the header at https://www.lancsmarine.co.uk/shop
I can move bits of it up and down but not all together. It is especially notable after you have added an item to the cart. What I would like is for it all to be centered.
I guess I need to add something to the stylesheet, but after trying for over 2 days I give up and request some help
Thanks

18 Jun 2011, 4:26 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Vertical align of text

Try finding this in the stylesheet to start
Change right to center
Remove un needed /**/

#tagline {
	color: #FFFFFF;
	font-size: 1.5em;
	text-align : right;
	vertical-align: middle;
	padding: 1em 0 0 0;
	font-style: italic;
/**/

	}

Zen-Venom Get Bitten

18 Jun 2011, 6:08 PM
#3
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

OK done that, it just moved the tagline into the center from the right side, but did nothing to the shopping cart in the header

18 Jun 2011, 6:44 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Vertical align of text

did nothing to the shopping cart in the header
I see the shopping cart element centered in the navmain area with Home, etc

Where are you wanting it??

Zen-Venom Get Bitten

18 Jun 2011, 7:18 PM
#5
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

I am happy with where it is in the center. But, the 'your cart is empty' text is not centered with the cart image. And when you add something to the cart the 'items' 'subtotal' and '£125' are not centered vertically with the cart , neither is the extra 'checkout' text.

In the many hours I have been trying to get these aligned verically I have managed to move either the item or the price or the subtotal text. But even then they are then not aligned properly. This was done using .cart-header span and .cart-header inserting vertical-align.
The highlighted link texts are aligned with the a ul li, and this affects the whole shop layout when I alter that.

I cannot figure out what to alter or add that will align them all to the same vertical alignment i.e. in the center of the orange coloured header

Sorry for the bad description but up until 10 days ago I had never heard of css, but I have learned a lot, but not enough.
Many thanks

18 Jun 2011, 8:11 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Vertical align of text

Looks like the code for this leaves something to be desired as there are tables for no apparent reason that are influencing margins and padding

Zen-Venom Get Bitten

18 Jun 2011, 8:44 PM
#7
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

Should I scrap it then, I must not have learned enough yet, it seemed a fairly simple thing to do. I copied the tpl_shopping_cart_header from another template and modified the tpl.header and css to suit.
Thanks for your help

18 Jun 2011, 9:33 PM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Vertical align of text

Does it align to your satisfaction in the other template?

Zen-Venom Get Bitten

18 Jun 2011, 10:20 PM
#10
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Vertical align of text

In copying it you must have missed something and maybe in the css

Zen-Venom Get Bitten

19 Jun 2011, 1:24 AM
#11
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

I with my limited knowledge cannot find anything amiss with my tpl_header :blink: I have added:

<td> <!-- header cart section --> and all below to: <!-- /header cart section -->

Here is the relevent part of the tpl_header

<!--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_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> <td> <!-- header cart section --> <table class="align-center cart-header"> <tr> <td> <?php require($template->get_template_dir('tpl_shopping_cart_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_shopping_cart_header.php'); echo $content; ?> </td> <?php if ($_SESSION['cart']->count_contents() != 0) { ?> <td>  </td> <td class="blue-link"> <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a> </td> <?php }?> </tr> </table> <!-- /header cart section --> </td> </div> <!--eof-navigation display-->
19 Jun 2011, 2:55 AM
#12
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Vertical align of text

I have added:

<td>
<!-- header cart section --> 

Below ia a stock full tpl_header,php - - notice there are NO tables in it

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


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

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

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?>

Zen-Venom Get Bitten

19 Jun 2011, 1:05 PM
#13
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

OK I have got rid of the tables :clap:

Now left with three little problems:

  1. When an item is added to the shopping cart the checkout text is blue it should be white.

  2. The search box is higher than the other text

  3. How do I change the shopping cart icon image when the cart has something added. Been messing with something like:
    if ($_SESSION['cart']->count_contents() == '0') {
    echo zen_image(../images/cart_empty_icon.gif);
    } else {
    echo zen_image(../images/cart_full_icon.gif);
    }

My new tpl_header now looks like:

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license [url]http://www.zen-cart.com/license/2_0.txt[/url] GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


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

<div id="headerWrapper">


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

<!--eof-branding display-->
<!--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>                                                                        
    <li><?php echo '<a href="' . zen_href_link(FILENAME_CONTACT_US) . '">'; ?><?php echo HEADER_TITLE_CONTACT_US; ?></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 } } ?>
  <li><img src="http://www.lancsmarine.co.uk/shop/includes/templates/lmes/images/cart_empty_icon.gif" class="cart-image" alt="the shopping cart" /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?> - <? echo $_SESSION['cart']->count_contents();?> item(s) - <? echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li>

	
	<?php if ($_SESSION['cart']->count_contents() != 0) { ?>

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







<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->



</div>
<?php } ?>
19 Jun 2011, 2:02 PM
#14
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

Solved problem No 1 from above I had missed out the<li> in front of checkout

19 Jun 2011, 2:44 PM
#15
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

Solved No 2 from problems above with a bit of padding.

But really need help with changing cart image when there is something added to the cart.

20 Jun 2011, 11:35 AM
#16
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

I have finally managed to get the cart icon to change to the full cart icon when something is added to the cart.
Is this OK or is it bad code?
This is the relevant part of my tpl_header:

<?php if ($_SESSION['cart']->count_contents() == 0) { ?> <li><img src="http://www.lancsmarine.co.uk/shop/includes/templates/lmes/images/cart_empty_icon.gif" class="cart-image" alt="the shopping cart" /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?> - <? echo $_SESSION['cart']->count_contents();?> item(s) - <? echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li> <?php } else { if ($_SESSION['cart']->count_contents() != 0) { ?> <li><img src="http://www.lancsmarine.co.uk/shop/includes/templates/lmes/images/cart_full_icon.gif" class="cart-image" alt="the shopping cart" /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?> - <? echo $_SESSION['cart']->count_contents();?> item(s) - <? echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li> <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li> <?php }}?>
23 Jun 2011, 1:43 PM
#17
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

Another thing I would like to do with the shoping cart in my header is center it betwen login/register and the search box, and also change the background colour behind the cart image and text.
I have tried alsorts of ways with <span="> but failed miserably.
Any help or advice please?

25 Jun 2011, 7:52 AM
#18
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

anybody ?? please

27 Jun 2011, 9:20 AM
#19
gowzel avatar

gowzel

New Zenner

Join Date:
Jun 2011
Posts:
41
Plugin Contributions:
0

Re: Vertical align of text

I keep trying to get this to work. I would like all of my checkout in the header to be in a different coloured background from the header (color #ffc) and also for it to be centered in the header.

The font colours will require changing due to the background color.
I have added the following to my css:
#basket {

display: inline;
padding: 0 10px 0 12px;
margin: 0;
line-height: 1.5em;
/width: 180px;/
font-weight: bold;
text-decoration: none;
background-color:#ffc;
float: center;
}
a:active, #basket {
color: orange;
}
a:hover #basket{
color: red;
}
a:link, #basket {color: red;}

When I insert the <div> (highlighted in green below) the checkout goes below the login/register, the background changes color but only halfway up the cart image and the text does not change colour.

What do I need to change please?

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license [url]http://www.zen-cart.com/license/2_0.txt[/url] GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


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

<div id="headerWrapper">


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

<!--eof-branding display-->
<!--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>                                                                        
    <li><?php echo '<a href="' . zen_href_link(FILENAME_CONTACT_US) . '">'; ?><?php echo HEADER_TITLE_CONTACT_US; ?></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 } } ?>

<div id="basket">
<?php if ($_SESSION['cart']->count_contents() == 0) { ?>
  <li><?php echo zen_image(DIR_WS_TEMPLATES . $template_dir . '/images/cart_empty_icon.gif','cart empty'); ?> Your basket is empty </li>
<?php
  } else {
if ($_SESSION['cart']->count_contents() != 0) { ?>
  <li><?php echo zen_image(DIR_WS_TEMPLATES . $template_dir . '/images/cart_full_icon.gif','cart full'); ?><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?> - <?php echo $_SESSION['cart']->count_contents();?> item(s) - <?php echo $currencies->format($_SESSION['cart']->show_total());?></a> | </li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>

   <?php }}?>
</div>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />

</div>
<!--eof-navigation display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->

</div>
<?php } ?>