2 поля поиска в header для различных версий страницы

[munhgauzen]

Ребята может кто сталкивался.

Получилось что у меня есть 2 версии header мобильная и десктопная.

Соответственно нужно и там и там поле поиска. Каким образом можно изменить common чтоб обе версии работали.

Сейчас работает та версия которая идет по коду выше.

 

 

    /* Search */
    $('#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.length > 0) {
            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');
        }
    });

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

[legioner26]

$('.ваш_класс input[name=\'search\']').parent().find('button').on('click', function() {

 

Вместо ID пропишите в поле любой класс на декстоп и моб версиях, и сделайте 1 скрипт, он будет отрабатывать.