Подробнее: была необходимость продублировать строку поиска. В моем случае на длинных страницах, для того чтобы было пользователю под рукой.
В верху поиск вставил:
<div class="input-group my_search" id="search">
<input type="text" class="form-control input-lg" placeholder="Поиск" value="" name="search">
<span class="input-group-btn">
<button class="btn btn-default btn-lg" type="button"><i class="fa fa-search"></i>
</button>
</span>
</div>
Common.js изменил блок /* Search */
$('#search input[name=\'search\']').parent().find('button').on('click', function() {
url = $('base').attr('href') + 'index.php?route=product/search';
var value = $('.my_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) {
$('.my_search input[name=\'search\']').parent().find('button').trigger('click');
}
});
Внизу в footer.tpl :
<div class="input-group my_search" id="search">
<input type="text" class="form-control input-lg" placeholder="Поиск" value="" name="search1">
<span class="input-group-btn">
<button class="btn btn-default btn-lg" type="button"><i class="fa fa-search"></i>
</button>
</span>
</div>
И после первого блока /* Search */ в common.js добавил второй:
/* Search 2*/
$('#search input[name=\'search1\']').parent().find('button').on('click', function() {
url = $('base').attr('href') + 'index.php?route=product/search';
var value = $('.my_search input[name=\'search1\']').val();
if (value) {
url += '&search=' + encodeURIComponent(value);
}
location = url;
});
$('#search input[name=\'search1\']').on('keydown', function(e) {
if (e.keyCode == 13) {
$('.my_search input[name=\'search1\']').parent().find('button').trigger('click');
}
});
Есть некоторые места которые нужно бы подправить (два id одинаковых например), но это позже, сейчас всё работает как часы.
P.s. Может решение не элегантное, но действенное )