Page 1 of 2 12 LastLast
Results 1 to 10 of 19
  1. #1
    Join Date
    Jul 2008
    Posts
    2
    Plugin Contributions
    0

    Default How to move navigation bar in header?

    Is there any way to move the navigation bar in the header below the logo, instead of on top of it.

  2. #2
    Join Date
    Jul 2008
    Posts
    2
    Plugin Contributions
    0

    Default Re: How to move navigation bar in header

    I discovered the answer to my own question!

  3. #3
    Join Date
    Nov 2007
    Posts
    163
    Plugin Contributions
    0

    Default Re: How to move navigation bar in header

    Quote Originally Posted by discguy View Post
    I discovered the answer to my own question!
    I have been searching for the past 2 hours trying to find out how to move the nav bar below my logo image.

    If you would post the solution it would be much appreciated.

    Thanks much.

    Zencart ROCKS!
    www.ZenCrystals.com
    www.CraftMagick.com
    Magickal & Metaphysical supplies/services

  4. #4
    Join Date
    Nov 2007
    Posts
    163
    Plugin Contributions
    0

    Default Re: How to move navigation bar in header

    Quote Originally Posted by Craft Magick View Post
    I have been searching for the past 2 hours trying to find out how to move the nav bar below my logo image.

    If you would post the solution it would be much appreciated.

    Thanks much.

    Zencart ROCKS!
    Just found the answer a few minutes after I posted. Here it is for anyone else frantically searching for the answer as to how to move the navigation bar with home/login links to below the logo image.

    BE SURE TO MAKE A BACKUP YOUR TPL_HEADER.PHP FILE BEFORE DOING THIS!!

    1. open the file includes/templates/your_custom_template/common/tpl_header.php


    2. cut ALL of the code between the following 2 lines (be sure to leave both of these lines where they are and do NOT cut them):

    PHP Code:
    <!--bof-header logo and navigation display-->

    <!--
    bof-branding display--> 

    3. paste your cut code BETWEEN these two lines

    PHP Code:
    <!--eof-branding display-->

    <!--
    eof-header logo and navigation display--> 
    That's it... so simple but being the NOT so php savvy person (and knowing nothing about php syntax) it took me quite a while to actually understand what code to move and where to move it to!!

    Good learning experience

    Zencart ROCKS!
    www.ZenCrystals.com
    www.CraftMagick.com
    Magickal & Metaphysical supplies/services

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,024
    Plugin Contributions
    25

    Default Re: How to move navigation bar in header

    You got it almost right, but if I understand your directions correctly, there is a substantive error.

    When you move code blocks, you should move entire blocks between and including the
    <!--bof xxxx--> and <!--eof xxxx--> comments, to keep the identification correct.
    You should not move the

    <?php
    if (!isset($flag_disable_header) || !$flag_disable_header) {
    ?>

    <div id="headerWrapper">

    which is between the

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


    You should move the block
    <!--bof-navigation display-->
    ...
    <!--eof-navigation display-->

    to below

    <!--eof-branding display-->
    Last edited by gjh42; 6 Jul 2008 at 03:59 AM.

  6. #6
    Join Date
    Nov 2007
    Posts
    163
    Plugin Contributions
    0

    Default Re: How to move navigation bar in header

    Quote Originally Posted by gjh42 View Post
    You got it almost right, but if I understand your directions correctly, there is a substantive error.

    When you move code blocks, you should move entire blocks between and including the
    <!--bof xxxx--> and <!--eof xxxx--> comments, to keep the identification correct.
    You should not move the

    <?php
    if (!isset($flag_disable_header) || !$flag_disable_header) {
    ?>

    <div id="headerWrapper">

    which is between the

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


    You should move the block
    <!--bof-navigation display-->
    ...
    <!--eof-navigation display-->

    to below

    <!--eof-branding display-->
    I'm LOL at myself and thank you for the correction, gjh42. All I know is that whatever I did worked so I didn't want to mess with it any further

    Anyway, thanks for clearing that up.

    Zencart ROCKS!
    www.ZenCrystals.com
    www.CraftMagick.com
    Magickal & Metaphysical supplies/services

  7. #7
    Join Date
    Feb 2010
    Posts
    30
    Plugin Contributions
    0

    Default Re: How to move navigation bar in header

    Hi,

    I used the above methd and moved the nav bar but what I really want to do and cant figure out how is how to MERGE the nav bar with the categories bar? I want this order:
    Home/Category1/Category2/Category3/Contact/LogIn. Anyone could help?
    The webpage: http://miniatureinstruments.co.uk/ and I am using ZC 1.8
    Thanks:)

  8. #8
    Join Date
    Feb 2010
    Posts
    30
    Plugin Contributions
    0

    Default Re: How to move navigation bar in header

    No ideas?

  9. #9
    Join Date
    Feb 2010
    Posts
    30
    Plugin Contributions
    0

    Default Re: How to move navigation bar in header

    Please, someone.

  10. #10
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,024
    Plugin Contributions
    25

    Default Re: How to move navigation bar in header

    Probably the best method would be to move the <li> elements from the navMainWrapper block in tpl_header.php to appropriate places inside the <ul> in /includes/templates/your_template/templates/tpl_modules_categories_tabs.php. (Remove the entire navMain block from tpl_header.php to avoid duplication.)

    Be aware that there are several elements in navMain that only appear when you are logged in or have something in the cart. You want to allow enough space in the row for those, or else make arrangements to display them somewhere else. You also need to decide what you want to do with the search_header element.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. How to move navigation bar to under banner (header)?
    By hoang in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 14 Mar 2010, 06:09 PM
  2. Trying to move the Header Navigation Bar to the left
    By milobloom in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 8 Jul 2008, 11:52 AM
  3. Move header navigation bar.
    By Astarkley in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Sep 2007, 04:59 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •