Results 1 to 10 of 10
  1. #1
    Join Date
    Nov 2008
    Posts
    32
    Plugin Contributions
    0

    red flag Deleting Top Search Bar completely!

    Dear all,

    I really want to delete the top search bar (the one next to Currencies) but cant do it.

    I am aware you can turn off other search options from the admin>tools>layout box controller but it doesnt relate to this one

    How do i hide it/get rid of it, as the search function doesnt work and i am positive that it is a proving an annoyance to my customers!

    You can see my website here to see what i mean....

    Please help!

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Deleting Top Search Bar completely!

    You can add display:none; to .cell2 in stylesheet_tm.css.

  3. #3
    Join Date
    Nov 2008
    Posts
    32
    Plugin Contributions
    0

    Default Re: Deleting Top Search Bar completely!

    Thank you...however i'm really not that polished when it comes to html stuff....

    where can i find this to impletment the hide?

    Thanks for your assistance

  4. #4
    Join Date
    Jan 2009
    Location
    The Netherlands/Germany
    Posts
    142
    Plugin Contributions
    12

    Default Re: Deleting Top Search Bar completely!

    open up your inludes/templates/YOURTEMPLATE/css/stylesheet_tm.css with NotePad++ or something similar.

    find at about line 54
    Code:
    #cell2 {
    color:#2A383D;
    font-size:11px;
    font-weight:bold;
    line-height:14px;
    }
    and make it look like:

    Code:
    #cell2 {
    color:#2A383D;
    font-size:11px;
    font-weight:bold;
    line-height:14px;
    display:none;
    }
    save the file and upload it to your server.
    I came, I saw, I got zenned... :)

  5. #5
    Join Date
    Jan 2010
    Posts
    133
    Plugin Contributions
    0

    Default Re: Deleting Top Search Bar completely!

    Quote Originally Posted by eentje View Post
    open up your inludes/templates/YOURTEMPLATE/css/stylesheet_tm.css with NotePad++ or something similar.
    I'm trying to do the same thing - but can't find a stylesheet_tm.css file anywhere in the ZenCart folder.

    Is the search bar itself named "cell2"? Because I don't see that either.

  6. #6
    Join Date
    Jan 2010
    Posts
    133
    Plugin Contributions
    0

    Default Re: Deleting Top Search Bar completely!

    OK, with some searching and experimentation I think I found the solution (keep in mind I just started figuring out Zen Cart - but do know HTML

    Assuming you have a copy of /includes/templates/template_default/common/tpl_header.php in your template
    (Mine is in /includes/templates/orcatools/common/tpl_header.php)

    Search for 'bof-navigation display', you should see the following:

    Code:
    <!--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-->
    All I needed to do to remove this was to comment out the navMainWrapper div (note the lines in red):

    Code:
    <!--bof-navigation display-->
    <!-- do not show the top search bar
    <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-->
    Reload the page, the search bar should be gone.

  7. #7
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Deleting Top Search Bar completely!

    OrcaSoul: the original reply was specific to the OP's Template Monster template.

    With a standard Zencart template, the easy way is to add display:none; to #navMainWrapper in the stylesheet. Your way works too, but I prefer not to change code if I don't have to.

    Also, if the goal is to turn off just the header search bar, rather than the main navigation, Admin - Tools - Layout Boxes Controller

  8. #8
    Join Date
    Jan 2010
    Posts
    133
    Plugin Contributions
    0

    Default Re: Deleting Top Search Bar completely!

    Quote Originally Posted by stevesh View Post
    OrcaSoul: the original reply was specific to the OP's Template Monster template.

    With a standard Zencart template, the easy way is to add display:none; to #navMainWrapper in the stylesheet. Your way works too, but I prefer not to change code if I don't have to.

    Also, if the goal is to turn off just the header search bar, rather than the main navigation, Admin - Tools - Layout Boxes Controller


    OK, sorry about that - I'm new here, and yesterday was a long day.

  9. #9
    Join Date
    Nov 2008
    Posts
    32
    Plugin Contributions
    0

    Default Re: Deleting Top Search Bar completely!

    Thank you!!!

    Does this same logic apply if i wish to get rid of the currencies thing and the whole of the gray bar on the top of my website??

    Thanks for your help guys!

  10. #10
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Deleting Top Search Bar completely!

    The whole gray bar is .nav. The display:none; thing will remove that, too.

 

 

Similar Threads

  1. Can I remove the top Navigation Bar completely?
    By ysmith877 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 3 Sep 2010, 07:45 PM
  2. Link in top search header bar
    By wolf99 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Nov 2006, 11:17 AM

Posting Permissions

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