перенос поиска и корзины Opencart 3

[Rambo228]

Здравствуйте друзья, занялся переносом поиска в мобильную версию отдельно в меню, корзина вроде как аналогично работает.

Перенес из шаблона код поиска, но по кнопке поиск он не видит значения текста введенного в поле поиска.

там вроде есть скрипт какой то, скажите пожалуйста, как именно его редактировать и куда его нужно вставить после редактирования, а то я пробовал то что нашел на форуме, но что то он не ищет все равно.

[Rambo228]

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

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

        var value = $('header #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) {
            $('header #search input[name=\'search\']').parent().find('button').trigger('click');
        }
    });

[OCdevWizard]

21 минуту назад, Rambo228 сказал:

Здравствуйте друзья, занялся переносом поиска в мобильную версию отдельно в меню, корзина вроде как аналогично работает.

Перенес из шаблона код поиска, но по кнопке поиск он не видит значения текста введенного в поле поиска.

там вроде есть скрипт какой то, скажите пожалуйста, как именно его редактировать и куда его нужно вставить после редактирования, а то я пробовал то что нашел на форуме, но что то он не ищет все равно.

 

здесь есть полезная для вас информация

[Rambo228]

26 минут назад, OCdevWizard сказал:

 

здесь есть полезная для вас информация

да спасибо, так и сделал, раньше поиск выводил код типа <div> {{ search }} </div>

какой код будет выводить если сделать как там написано?

[OCdevWizard]

28 минут назад, Rambo228 сказал:

да спасибо, так и сделал, раньше поиск выводил код типа <div> {{ search }} </div>

какой код будет выводить если сделать как там написано?

 

здесь есть решение что бы выводить два поля поиска 

[Rambo228]

6 минут назад, OCdevWizard сказал:

 

здесь есть решение что бы выводить два поля поиска 

да, я видел прошлое сообщение.

добавил в контроллер строку.

создал копию контроллера

переименовал название контроллера

и внизу дописал как в инструкции

создал копию твиг файла.

прописал класс как нужно в поиск моб твиг

и клон скрипта тоже поставил

====

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

<div id="search-mob" class="input-group">
  <input type="text" name="search" value="" placeholder="Поиск" class="form-control input-lg">
  <span class="input-group-btn">
    <button type="button" class="btn btn-default btn-lg"><i class="fa fa-search"></i></button>
  </span>
</div>

 

[Rambo228]

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

[Rambo228]

разобрался сам, кому интересно - страница шаблона продукт\сеарч.

там берем сам поиск и кнопку, скрипт тоже.

без блока контент не работает, берем и его.

дальше значит меняем айди кнопки везде и контент. айди ставим буттон-сеарч2, контент меняем на контент2 (везде), и дальше лишнее убираем не удалением со стандартного поиска а через ксс