[Решено] Как перенести поиск в горизонтальное меню?

[Yehuy]

Здрасте, подскажите, как перенести поиск?

[hoolygan]

Самое простое - перенести в див менюшки, дальше в зависимости от количества категорий играться с колонками.

[vagan28]

Доброго времени суток!

Подскажите пожалуйста...

 

Перенес поиск в меню теперь не работает сам поиск, что я сделал не так?

 

header.tpl

 

было так:

 

 

<h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>

          <?php } ?>

        </div>

      </div>

      <div class="col-sm-5"><?php echo $search; ?>

      </div>

      <div class="col-sm-3"><?php echo $cart; ?></div>

    </div>

  </div>

</header>

<?php if ($categories) { ?>

<div class="container">

  <nav id="menu" class="navbar">

    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>

      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>

    </div>

    <div class="collapse navbar-collapse navbar-ex1-collapse">

      <ul class="nav navbar-nav">

        <?php foreach ($categories as $category) { ?>

        <?php if ($category['children']) { ?>

        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

          <div class="dropdown-menu">

            <div class="dropdown-inner">

              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>

              <ul class="list-unstyled">

                <?php foreach ($children as $child) { ?>

                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>

                <?php } ?>

              </ul>

              <?php } ?>

 

 

Сделал вот так:

 

<h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>

          <?php } ?>

        </div>

      </div>

      

      </div>

      <div class="col-sm-3 pull-right"><?php echo $cart; ?></div>

    </div>

  </div>

</header>

<?php if ($categories) { ?>

<div class="container">

  <nav id="menu" class="navbar">

 

    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>

      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>

    </div>

    <div class="collapse navbar-collapse navbar-ex1-collapse">

     <div class="col-sm-5 pull-left"><?php echo $search; ?></div>

      <ul class="nav navbar-nav">

        <?php foreach ($categories as $category) { ?>

        <?php if ($category['children']) { ?>

        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

          <div class="dropdown-menu">

            <div class="dropdown-inner">

              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>

              <ul class="list-unstyled">

                <?php foreach ($children as $child) { ?>

                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>

                <?php } ?>

              </ul>

              <?php } ?>

 

common.js

 

было вот так:

 

/* Search */

    $('#search input[name=\'search\']').parent().find('button').on('click', function() {

        url = $('base').attr('href') + 'index.php?route=product/search';

 

        var value = $('#top input[name=\'search\']').val();

 

        if (value) {

            url += '&search=' + encodeURIComponent(value);

        }

 

        location = url;

    });

 

    $('#search input[name=\'search\']').on('keydown', function(e) {

        if (e.keyCode == 13) {

            $('#top input[name=\'search\']').parent().find('button').trigger('click');

        }

    });

 

Сделал вот так:

 

/* Search */

    $('#search input[name=\'search\']').parent().find('button').on('click', function() {

        url = $('base').attr('href') + 'index.php?route=product/search';

 

        var value = $('#top input[name=\'search\']').val();

 

        if (value) {

            url += '&search=' + encodeURIComponent(value);

        }

 

        location = url;

    });

 

    $('#search input[name=\'search\']').on('keydown', function(e) {

        if (e.keyCode == 13) {

            $('#top input[name=\'search\']').parent().find('button').trigger('click');

        }

    });

 

 

 

Поиск не работает, в чем ошибка?

 

Сайт пока на локальном сервере....

 

[PeterStudio]

1. Перед <div class="col-sm-3 pull-right"> лишний </div>

2. А что Вы меняли в common.js? Оба куска кода, приведённых Вами одинаковы.

[vagan28]

Да это я заметил и див убрал, в итоге сам поиск не работает(

 

header.tpl

 

Вставил вот это:

<div class="col-sm-5 pull-left"><?php echo $search; ?></div>

под это:

<div class="container">

  <nav id="menu" class="navbar">

После этого остается только css подправить, правильно я понимаю?

 

Но поиск не работает( И перестал работать ввод на клаве

 

Где ошибка?

[vagan28]

Решено. Спасибо большое!

 

Надо было header заменить на #menu и все гуд.)))

[vladgryzdev]

Здравствуйте, подскажите пожалуйста, хочу перенести поиск в правый угол, как мне это сделать?