[FAQ] Search Ajax v0.0.2

Тема в разделе "OpenCart", создана пользователем maetus, 2 ноя 2014.

  1. maetus

    maetus

    Регистрация:
    24 фев 2013
    Сообщения:
    216
    Симпатии:
    40
    Добрый день.
    Сегодня я устанавливал себе модуль 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 - всё завит от того какая у вас тема.
    Пример:
    [​IMG]
    После тога как нашли строку, необходимо заменить или закомментировать строку поиска
    Код:
    <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>
    Затем переходим а админ панель:
    Нажимаем установить, входим в настройки модуля
    [​IMG]
    Ставим галочки ИНТЕГРИРОВАТЬ
    В поля обведенные красным вставляете search input[name=filter_name] или же свое значение (выделено красным) в зависимости от шаблона...
    Сохраняем и вот у вас рабочий живой поиск по сайту.
    --- Добавлено, 2 ноя 2014 ---
    После чего для меня было важно что бы данный модуль было можно закрывать не только по нажатию на КРЕСТИК (х) но по счелчку вне окна поиска.
    [​IMG]
    Добрые люди подсказали верное решение вот делюсь с вами
    Необходимо найти файл /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();
        }
    });
    Теперь окно закрывается по счелчку мыши
     
    ruscadet нравится это.