Не работает поиск в мобильной версии

[coder0x7b]

Пациент - ВОТ

Суть проблемы:
    В обычной (desktop) версии сайта поиск работает корректно, отображает всё, что нашёл (пример запроса: бомбер)
    Но вот в мобильной версии, то есть на телефонах/планшетах ничего не находит, просто отправляет пусто url (смотрел через консоль), то есть не передаёт значение поля.
    Функция поиска стандартная в common.js, ничего сверхъестественного. Прошу подсказать, где может быть ошибка и как исправить

[slobGrower]

Одинаковый name="search" для обоих инпутов, поэтому отрабатывает только десктопный, т.к. он выше

Нужно для мобильного задать другое имя и в common.js для него добавить поведение

[LiLu]

@slobGrower  верно говорит

найдите в шапке блок

<div class="search-mobile">

внутри блок с id="search", измените на

id="mobsearch"

и у inputа измените name на

name="mobsearch"

в файле common.js добавьте

$('#mobsearch input[name=\'mobsearch\']').on('keydown', function(e) {
    if (e.keyCode == 13) {
    var url = $('base').attr('href') + 'index.php?route=product/search';

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

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

 

[coder0x7b]

как мне задать для мобильного другой, если у меня в header.tpl в div search-mobile прописано вот так
 

<div class="search-mobile">
      <div class="container">
        <div class="row">
          <?php echo $search; ?>
          <button class="btn__close"><img src="catalog/view/theme/optom/img/icons/close.svg" alt="Закрыть" /></button>
          <!--div class="col-12 search">
            <input class="search_input" type="text" placeholder="Поиск" />
            <button class="btn__close"><img src="catalog/view/theme/optom/img/icons/close.svg" alt="Закрыть" /></button>
          </div-->
        </div>
      </div>
    </div>

Где найти этот <?php echo $search; ?> Откуда его тянет?

Змінено 23 вересня 2020 користувачем coder0x7b

[coder0x7b]

так, разобрался с проблемой в сообщении выше

Но всё равно не отрабатывает, в консоли тишина при нажатии на enter, так же и на телефоне, ничего не происходит.

UPD.
Исправил, нужно было ещё добавить код
 

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

в common.js

Змінено 23 вересня 2020 користувачем coder0x7b