Описание:
Модуль для отображения подсказки и выбора товаров при поиске.
Установка:
1. Отредактировать в файле autocomplete.php строчки
$dbname = "название базы данных";
$dbuser = "имя пользователя для подключения к базе данных";
$dbpass = "пароль пользователя для подключения к базе данных";
$dbhost = "хост для подключения к базе данных (обычно : localhost)";
$dbprfx = "префикс базы данных";
Уточнение: все эти значения Вы можете найти в файле core/config/connect.inc.php
2. Скопировать файл autocomplete.php в корень вашего сайта
3. Скопировать файлы autocomplete.js и autocomplete.css в папку data/"название вашего шаблона"/
4. Добавить в файл core/tpl/user/"название вашего шаблона"/head.tpl.html после строчки <script type="text/javascript" src="data/{$smarty.const.TPL}/user.js"></script> текст
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="data/{$smarty.const.TPL}/autocomplete.js"></script>
{literal}
<script type="text/javascript">
$(document).ready(function() {
function liFormat (row) {
var result = row[0];
return result;
}
function selectItem(li) {
if( li == null ) var sValue = 'А ничего не выбрано!';
if( !!li.extra ) var sValue = li.extra[2];
else var sValue = li.selectValue;
document.forms["formpoisk"].submit();
//alert("Выбрана запись с ID: " + sValue);
}
$("#searchauto").autocomplete("autocomplete.php", { delay:5,minChars:1,matchSubset:1,autoFill:false,matchContains:1,cacheLength:10,selectFirst:false,maxItemsToShow:10,onItemSelect:selectItem })
});
</script>
{/literal}
5. Добавить в файл core/tpl/user/"название вашего шаблона"/head.tpl.html после строчки <link rel="shortcut icon" href="data/{$smarty.const.TPL}/favicon.ico" type="image/x-icon"> строку
<link rel="stylesheet" type="text/css" href="data/{$smarty.const.TPL}/autocomplete.css">
6. Отредактировать файл шаблона где расположена форма поиска (обычно core/tpl/user/"Имя вашего шаблона"/index.tpl.html). Необходимо найти строку с текстом <input type=text name="searchstring" и добавить id="searchauto" чтобы получилось <input id="searchauto" type=text name="searchstring"
Дополнительно:
- Стили отображения списка меняются в файле autocomplete.css
- Перед внесением изменений в шаблон обязательно нужно включить «Принудительную очистку кэша» (в общих настройках)