Два поиска в разных местах

[Robobender]

Сломал голову с поиском, может кто сталкивался с вопросом реализации 2-х строк поиска на страницах OC.

Из heаder перенес поиск в футер:

-убрал стрку <?php echo $search; ?> из header.tpl и $data ['search'] = $this->load->controller(‘common/search’); из header.php

-перенес то что убрал в footer.tpl(php)

-подправил в common.js $(‘header input[name=\'search\']‘) на $(‘input[name=\'search\']‘)

 

В Футере поиск стал работать, но появилась необходимость сделать ещё один поиск в районе хлебных крошек. Просто дублированием не работает  в хлебных крошках, и перестает работать в футере...

В общем может кто-нибудь сталкивался с такой задачей.

[RHCk]

OMG, позвольте поинтересоваться, для чего такой функционал используете (хотите использовать)?

[Robobender]

Решено. Два поиска на одной странице запустил.

 

[WarStyle]

2 часа назад, Robobender сказал:

Решено. Два поиска на одной странице запустил.

 

 

А подробнее?

[Robobender]

Подробнее: была необходимость продублировать строку поиска. В моем случае на длинных страницах, для того чтобы было пользователю под рукой.

 

В верху поиск вставил:

<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. Может решение не элегантное, но действенное )