Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Separate spacing between Home Log In Shopping Cart Checkout

Separate spacing between Home Log In Shopping Cart Checkout

Locked

Views: 1,519

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
23 Oct 2006, 11:46 AM
#1
needhelp123 avatar

needhelp123

New Zenner

Join Date:
Oct 2006
Posts:
5
Plugin Contributions:
0

Separate spacing between Home Log In Shopping Cart Checkout

Does anyone know how to separate the spacing between Home Log In Shopping Cart Checkout or make it into Home | Log In | Shopping Cart | Checkout to separate?

Currently every word is separated by one space since the | doesn't come with the latest version.

Thanks!

23 Oct 2006, 11:53 AM
#2
seethrou avatar

seethrou

Totally Zenned

Join Date:
May 2004
Location:
Hong Kong
Posts:
1,156
Plugin Contributions:
0

Re: Separate spacing between Home Log In Shopping Cart Checkout

The topic below may helps.
1.3.5 - Home | Login separator not visible

.

25 Oct 2006, 1:01 PM
#3
seethrou avatar

seethrou

Totally Zenned

Join Date:
May 2004
Location:
Hong Kong
Posts:
1,156
Plugin Contributions:
0

Re: Separate spacing between Home Log In Shopping Cart Checkout

  • needhelp123

You are welcome! :smile:

As requested, I give below steps for your reference.

  1. copy the following file (if you didn't modified it before) from the original location.
    includes/templates/template_default/common/tpl_header.php

  2. save the above copied file, to your override template directory:
    includes/templates/YOUR_TEMPLATE/common/tpl_header.php

  3. in the newly saved file, find the following section and lines,
    for v1.3.5 and untouched file, it should start at about line #43

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

And changed to read as follow:

Note:
in the code below, the forum displayed the escape code
& #124; (without out any space!)
and show as a pipeline: |
Please use the escape code & #124; (without out any space!) instead, for the html validation.

<!--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 id=navMainMySeparator> |</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 id=navMainMySeparator> |</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 id=navMainMySeparator> |</li><li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li><li id=navMainMySeparator> |</li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div class="navMainSearch forward"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

And the css below for the style of the separators if needed. And insert it to the end of your stylesheet.

#navMainMySeparator {
	color: yellow;
} 

Also attached the modified v1.3.5 file for reference.

Hope this helps. :smile:

.