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

инспектор элементов не помогает??
Лучше думаю добавить вот так

Код:

#cart button.btn.btn-inverse {
    background: #ddd;
}

ну или изменить .btn-inverse на свой лад

 

вообщем в stylesheet.css
добавил одну строчку: background: #AC0333;
получилось так:
/* cart */

#cart > .btn {
font-size: 13px;
line-height: 18px;
color: #FFF;
background: #AC0333;
}

результат положительный, правда в инспекторе начал писать: background: #AC0333 none repeat scroll 0% 0%;
что такое none repeat scroll 0% 0% ?
Или всё нормально и можно оставить так?

 

применяйте теги code для размещения кусков кода

почитайте http://htmlbook.ru/css/background и станет понятнее почему так пишет.
В общем все нормально. Так инспектор собирает все параметры в один.

 

Всё сделала как вы описали, но у меня выскочила вот такая ошибка
Notice: Undefined variable: informations in /home/u748290950/public_html/catalog/view/theme/default/template/common/header.tpl on line 92Warning: Invalid argument supplied for foreach()
in/home/u748290950/public_html/catalog/view/theme/default/template/common/header.tpl on line 92
Notice: Undefined variable: informations in /home/u748290950/public_html/catalog/view/theme/default/template/common/header.tpl on line 98Warning: Invalid argument supplied for foreach() in /home/u748290950/public_html/catalog/view/theme/default/template/common/header.tpl on line 98 Notice: Undefined variable: text_contact in/home/u748290950/public_html/catalog/view/theme/default/template/common/header.tpl on line 101 что я сделала не так?

 

Спасибо, разобралась

 

Добрый день! Перенес поиск на верхнюю панель: http://cosmeticstandart.ru
Не работает, пробую сделать как пишут тут, не работает все равно.
Код из header.tpl
<nav id="top">
<div class="container">
.................
<div class="col-sm-3 pull-right"><?php echo $search; ?></div>
</div>
</nav>

Код из common.js
$('#search input[name=\'search\']').parent().find('button').on('click', function() {
url = $('base').attr('href') + 'index.php?route=product/search';

Пробую ставить класс для div <div class="col-sm-3 pull-right" class="my-search"><?php echo $search; ?></div>
и в js: ('.my-search input[name=\'search\']')

Все равно ничего.. Помогите пожалуйста, разные варианты перепробовал, не работает

 

у вас проблема в

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

т.е значение не находится т.к уже поле находится не header , а в top

если замените на

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

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

И пользуйтесь тегами code, при оформление сообщения.

 

Спасибо большое, но все равно не помогает. Вот код:
header.tpl

Код:

<nav id="top">
  <div class="container">
     <div class="col-sm-3 nav pull-right" class="my-search">
         <?php echo $search; ?>
     </div>
  </div>
</nav>

common.js

Код:

/* Search */
    $('.my-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;
    });

Буду очень признателен, если найдете в чем дело!

 

У вас все работает. Вы видимо не кликаете на кнопку, а нажимаете enter, потому и не получается.
Для обработки нажатия кнопки, там есть условия чуть ниже.. и их тоже надотак же изменить

 

если я жму enter вообще ничего не происходит, а если жму кнопку переходит на страницу поиска но ничего не находит

 

вы все напутали...

вот зачем у вас такая запись <div class="col-sm-3 nav pull-right" class="my-search">
где вы вычитали что так можно?? Все прописывается в один класс. Найчитесь пользоваться инспектором элементов, там же видно что нет такого класса my-search он вам собственно и не нужен и из js удалите его...

 

скрипт поиска содержит id "search", я его в js файле как идентификатор использовал, потом уже пробовал через класс.
Так правильно должно быть? Я и так пробовал, не выходит
header.tpl

Код:

<nav id="top">
<div class="container">
<div class="col-sm-3 nav pull-right">
<?php echo $search; ?>
</div>
</div>
</nav>

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');
        }
    });

 

ctrl+f5 не забывайте нажимать для обновления кеша браузера!

 

да уж, затупил) спасибо Вам большое, выручили!

 

Добрый день!

Как перенести поле поиска и корзину под главное меню?


Заранее спасибо!

 

а какая именно проблема? В теме есть решения, их только взять как пример и воспользоваться.
Т.е в header.tpl найти где заканчивается меню и скопировать туда участки кода с поиском и корзиной.
т.е прямо перед закрывающим тегом div , вставить

Код:

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

 

Спасибо!
Но наверное не "скопировать туда участки", а "переместить"?
А то получим по две корзины, и по два поиска? )

 

Удалил
и
Вставил



В итоге,

Новый Поиск:

- перестал работать по кнопке Enter (на клаве)
- почему то не ищет (см. скрин, ниже)



Что-то не вставил?

 

и про это тоже написано выше т.е надо править common.js