Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2010
    Location
    Minnesota
    Posts
    387
    Plugin Contributions
    0

    Default Move Search Box to Breadcrumb line

    I would like to move the search box to the breadcrumb line but I have very limited knowledge on coding.
    I added a logo where the tagline usually goes and the search box moved to it's current location. All of my searches on how to move the search box resulted in nothing.

    Can someone instruct me on how to do this? maynards tackle .com

    Thanks in advance for any help.

  2. #2
    Join Date
    Dec 2010
    Posts
    28
    Plugin Contributions
    0

    Default Re: Move Search Box to Breadcrumb line

    I think that there are two ways to do it, customizing some CSS or editing "tpl_header.php" and "tpl_main_page.php".

    --CSS(This would be easier)
    /includes/templates/westminster_new/css/stylesheet.css line71
    Code:
    #logoWrapper{margin:15px 0;position: relative;}
    /includes/templates/westminster_new/css/stylesheet.css line114
    Change
    Code:
    #navMainSearch {margin: 0;text-align: right;position: relative;top: 118px;}
    to
    Code:
    #navMainSearch {position: absolute;bottom: -120px;right: 0;}
    If you customize header, you may have to change -120px to something.
    And if the breadcrumb became very long, search box might hide it.



    --Editing "tpl_header.php" and "tpl_main_page.php"
    *I can't see your tpl_header.php and tpl_main_page.php, these are my environment.

    includes\templates\westminster_new\common\tpl_header.php
    Find
    Code:
    <div id="navMainSearch" class="forward"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
    And move to

    includes\templates\westminster_new\common\tpl_header.php
    Code:
    <!-- bof  breadcrumb -->
    <?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_BREADCRUMB_STATUS == '2' && !$this_is_home_page) ) { ?>
        <div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
    <?php } ?>
    <!-- eof breadcrumb -->
    HERE

    Then adjust the position by customizing CSS.

  3. #3
    Join Date
    Feb 2010
    Location
    Minnesota
    Posts
    387
    Plugin Contributions
    0

    Default Re: Move Search Box to Breadcrumb line

    includes\templates\westminster_new\common\tpl_header.php
    Code:
    <!-- bof breadcrumb -->
    <?php if (DEFINE_BREADCRUMB_STATUS == '1' || (DEFINE_BREADCRUMB_STATUS == '2' && !$this_is_home_page) ) { ?>
    <div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
    <?php } ?>
    <!-- eof breadcrumb -->
    HERE

    Then adjust the position by customizing CSS.

    I can not find this code in the following folder; includes\templates\westminster_new\common\tpl_header.php

  4. #4
    Join Date
    Feb 2010
    Location
    Minnesota
    Posts
    387
    Plugin Contributions
    0

    Default Re: Move Search Box to Breadcrumb line

    I think I got it.
    I did not have to do move the code; <div id="navMainSearch" class="forward"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
    like you suggested.

  5. #5
    Join Date
    Feb 2010
    Location
    Minnesota
    Posts
    387
    Plugin Contributions
    0

    Default Re: Move Search Box to Breadcrumb line

    Thanks K1979 for your help. I would have not figured that one out.
    Very much appreciated.

 

 

Similar Threads

  1. Can I move the search box?
    By syadidister in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 18 Oct 2013, 01:53 AM
  2. v150 How do I move my header search box!!!
    By Darion in forum General Questions
    Replies: 1
    Last Post: 21 Sep 2012, 11:13 AM
  3. Line up search button next to search box
    By nigelt74 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 15 Jan 2011, 07:24 AM
  4. Move Search button next to Search box?
    By KismetDesign in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 19 Dec 2009, 08:15 PM
  5. Move Search Box to Breadcrumb line (NavMainWrapper -> NavBreadCrumb)
    By dmfelder in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 10 May 2008, 10:39 PM

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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR