Как перенести поле поиска и корзину

Добрый день!
Подскажите как сделать чтобы поиск, который был перемещен в top стал такой же ширины как и остальные пункты такие как "закладки", "оформление заказа"?

 

Подскажите какую часть кода нужно закомментировать чтобы удалить поиск вообще? Версия 2.1.0.1

если беру вот эту строчку
<div class="col-sm-5"><?php echo $search; ?>
хоть поиск и удаляется, но корзина перемещается влево, под логотип

 

удалить <?php echo $search; ?>

 

Вот header.tpl



вот common.js

Код:

/* Search */
    $('#search input[name=\'search\']').parent().find('button').on('click', function() {
        url = $('base').attr('href') + 'index.php?route=product/search';

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

        if (value) {
            url += '&search=' + encodeURIComponent(value);
        }

        location = url;
    });

    $('#search input[name=\'search\']').on('keydown', function(e) {
        if (e.keyCode == 13) {
            $('menu 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 = $(''#search input[name=\'search\']').val();

        if (value) {
            url += '&search=' + encodeURIComponent(value);
        }

        location = url;
    });

    $('#search input[name=\'search\']').on('keydown', function(e) {
        if (e.keyCode == 13) {
            $('#search input[name=\'search\']').parent().find('button').trigger('click');
        }
    });

 

Ответил Вам!

Признателен за помощь!

 

Сайт bleskrusi.ru.
Признателен за помощь!

 

у вас все работает.

 

Да, работает! Спасибо!

Но Romans, чуть выше, сообщил, что решение не универсальное...
Хотелось бы понять, для развития)

 

для понятия, разберите строки из common.js как выборка jquery и станет понятно. Без осознания как работает эта выборка понять трудно.

Ну а универсальное решение, на первой странице http://forum.opencart-russia.ru/threads/kak-perenesti-pole-poiska-i-korzinu.117/#post-1190

 

спасибо

 

Доброго времени суток!
Уже измаялся, поменял все как написано, получилось вот.
Но поиск так и не работает(((
Что не так подскажите пожалуйста?
Уже голову сломал

 

на форуме оксторе уже не помогают? )))
Нужен адрес сайта. А по картинкам сложно. Могу сказать только одно... что то напутали итд.

 

Похожая проблема
Сайт parts.avtosprava.com
Файл header.tpl изменил следующим образом

Код:

</div>
<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>

      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>
<?php if ($error) { ?>
  
    <div class="warning"><?php echo $error ?><img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>
  
<?php } ?>
<div id="notification"></div>
    <div id="search">
    <div class="button-search"></div>
    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
  </div>

Больше ничего не менял
В результате поиск появился почти там где я хотел (слишком сильно смещен влево) и работает но нет кнопки "Поиск"
Хочу сделать больше, его более длинным и по центру
Если правильно понимаю - нужно внести изменения в файл stylesheet.css

Код:

}
#header #search {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 298px;
    z-index: 15;
}
#header .button-search {
    position: absolute;
    left: 0px;
    background: url('../image/button-search.png') center center no-repeat;
    width: 28px;
    height: 24px;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
}
#header #search input {
    background: #FFF;
    padding: 1px 1px 1px 33px;
    width: 262px;
    height: 21px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 2px 0px #F0F0F0;
    -moz-box-shadow: 0px 2px 0px #F0F0F0;
    box-shadow: 0px 2px 0px #F0F0F0;
}

Но там позиция header
Какая теперь позиция теперь у поиска и ее нужно там менять?

 

ну так измените стили, вместо #header #search пишите просто #search

И тема тут про версию 2х, да и форум весь про 2х

 

Спасибо

 

Перенос поиска решил вот таким путем:

#search {
position:absolute;
right:153%;
top:62px;


Правильно ли?
На оксторе пока тишина....( По примеру первой страницы, решить так и не получилось( А очень хотелось бы.
Сайт пока на локальном сервере...