Нужна помошь с поиском

Всем привет,скажу сразу не ругайтесь, новичок, помогите сделать что б при нажатие на иконку поиска вылазил поиск как на скринах

 

День добрый. А сейчас разве не так?

 

Нет, щас при нажатие на иконку поиска на первом скрине,переходит на страницу поиска сразу, а нужно что б открылась строка ввода как на втором скрине, можете помочь ?

 

тогда в common.js изменить код на

Код:

    /* Search */
    $('#search input[name=\'search\']').parent().find('button').on('click', function(event) {
        var url = $('base').attr('href') + 'index.php?route=product/search';
        var input = $('header #search input[name=\'search\']');
        var value = input.val();
   
        if (!value.trim()) {
            event.preventDefault();
            input.focus();
            return;
        }
   
        url += '&search=' + encodeURIComponent(value);
        location.href = url;
    });

 

Заменил, без изменения также на иконку нажимаю переходит на страницу поиска в шаблоне вот так прописан поиск
</li>
<li style="float: right; padding: 19px 16px;"><a href="{{ header_search }}" style="color: #272727;"><i class="fa fa-search"></i></a></li>
что изменить нужно ? буду блогадарен за помощь

 

Без адреса сайта подсказывать сложно.

 

sixsi.ru вот

 

в файле catalog/view/theme/furniture-theme/js/furniture-theme-common.js

 

заменил, опять переходит на страницу поиска,не открывает ввод текста

 

очистите кеш браузера

 

Почистил, и с другого браузера попробывал

 

У меня версия 3.0.4.0

 

должно работать.

 

не работает, может в header не правильно прописанно?
</li>
<li style="float: right; padding: 19px 16px;"><a href="{{ header_search }}" style="color: #272727;"><i class="fa fa-search"></i></a></li>

 

понял. в мобильном у Вас там просто кнопка, а не поле поиска. Не будет работать если не вернете стандартный поиск.

 

Не работает,

так мне и надо сделать так, что б на иконку нажимаешь и появляеться поиск что б вводить

 

Я же выше написал, верните поиск стандартный с полем, он у Вас скрыт стилями

Код:

@media (max-width: 767px) {
  header {
    display: none;
  }
}

 

Так зачем мне стандартный поиск, если я хочу что бы поиск открывался через иконку, что б как на других сайтах нажимаешь на иконку и появляеться поиск, я не хочу что б поиск открыт был в хедере

 

Вы предлагаете мне сделать все за Вас? Я дал достаточно информации для решения задачи.
Выводите стандартный поиск с полем. Прячьте поле. По нажатию показывайте поле итд. В рамкой данной темы не представляется возможным, если конечно у кого то не появится желание все сделать за Вас.

 

Понятно спасибо.