duplicate navMainwrapper

[lieven23]

Does anybody know how I can duplicate my navMainwrapper?
I mean by that the bar under my header.
There should a second Div be created that I could customise in CSS
It should be done in Php I think but I don't know much about Php yet

see my site: www.afro-masks.com

[kobra]

In tpl_header.php you can add a div in the order you want it displayed....make it different than navMain....then you can add the tag to the stylesheet and style away

[lieven23]

Somewhere over here should be added some more code ,but what and where ??

Any help is appreciated

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

[kobra]

You will want something like this

<!--bof-second-navigation display-->
<div id="nav2MainWrapper">
<div id="nav2Main">
<ul class="back">
<li><a href="Your Link anchor stuff ''</a></li>
<li><a href="Your Link anchor stuff ''</a></li>
<li><a href="Repeat for as many links as you have ''</a></li>
</ul>
</div>
</div>
<!--eof-second-navigation display-->

it should be inserted just before the lines that close the headerWrapper div maybe inbetween these depending on if you are using the cat tabs &/or ezpage lists in the header and in what order you actually want

<!--eof-branding display-->
Right here Maybe??
<!--eof-header logo and navigation display-->

[lieven23]

Thx Cobra,
I will study and try it

[lieven23]

hi
I've inserted the code in my tpl_header.php file on the two places.
a/
1. Just before the end of the headerwrapper div, but then part of my site actually dissapeared; only the header and the left navigation column were left.

2. Then I've tried to insert the code here:
<!--eof-branding display-->
Right here
<!--eof-header logo and navigation display-->
It had put the ez links in my navMainWrapper
When I look for the css rules with my firefox tools I can see many
overlapping css rules ,but no actual nav2MainWrapper

b/
in my stylesheet I inserted this piece of code;

#nav2MainWrapper{
width:750px;background-color:#fff;
}
#nav2Main{
width:750px;background-color:#fff;

}

the result you can see at www.afro-masks.com

[lieven23]

I realize this is a pretty big and complicated issue, but I would
be thankfull to the one who could help me with this
Thx