[FAQ] Search Ajax v0.0.2

maetus · 2 ноя 2014

Добрый день.
Сегодня я устанавливал себе модуль Search Ajax v0.0.2
сборака ocStore 1.5.5.1.2
И вот что я делал и для чего:

Установка стандартная - копируем содержимое в корневой каталог Вашего сайта (без замены файлов).
после чего переходим в файл /www/catalog/view/theme/your_theme/template/common/header.tpl
находим сточку <div class="search_inside"> или <div id="search">
если по данным запросам ничего не нашло задайте поиск по слову search - всё завит от того какая у вас тема.
Пример:

После тога как нашли строку, необходимо заменить или закомментировать строку поиска
Код:
<input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" class="input-search form-control" />
и вставить вот этот код
Код:
<input id="filter_name" type="text" onkeydown="this.style.color = '#444444';" onclick="this.value = '';" value="Search" name="filter_name"></input>
в моём шаблоне я её подогнал под мою тему
Код:
<input id="filter_name" type="text" onkeydown="this.style.color = '#444444';" onclick="this.value = '';" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" name="filter_name" class="input-search form-control"></input>
Затем переходим а админ панель:
Нажимаем установить, входим в настройки модуля

Ставим галочки ИНТЕГРИРОВАТЬ
В поля обведенные красным вставляете search input[name=filter_name] или же свое значение (выделено красным) в зависимости от шаблона...
Сохраняем и вот у вас рабочий живой поиск по сайту.

--- Добавлено, 2 ноя 2014 ---

После чего для меня было важно что бы данный модуль было можно закрывать не только по нажатию на КРЕСТИК (х) но по счелчку вне окна поиска.

Добрые люди подсказали верное решение вот делюсь с вами
Необходимо найти файл /catalog/view/javascript/search_ajax.js
и после строк
Код:
$('div#' + id + '_cont_main .prevPage, div#' + id + '_cont_main .nextPage').live('click', function () {
        var value = $('input#' + id).attr('value');
        var key = $('div#' + id + '_cont_main input[type=radio]:checked').attr('value');
        var page = $(this).html();
        getContent(id, value, key, page);
        $('input#' + id).focus();
    });
это примерно 44 - 46 строки

Вставить вот этот код:
Код:
$(document).click(function(e){
    var elem = $('div#' + id + '_cont_main');
    if(e.target != elem[0] && !elem.has(e.target).length){
        elem.hide();
    }
});
Теперь окно закрывается по счелчку мыши

[FAQ] Search Ajax v0.0.2

maetus