private:koding:hostcms:modules:shop:useful:autocomplete
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
private:koding:hostcms:modules:shop:useful:autocomplete [25.11.15 в 13:47] san-ma_yandex.ru |
private:koding:hostcms:modules:shop:useful:autocomplete [27.06.17 в 15:57] (current) maximzasorin_gmail.com ↷ Страница перемещена из private:koding:hostcms:shop:autocomplete в private:koding:hostcms:modules:shop:useful:autocomplete |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ====== Автодополнение в строке поиска ====== | ||
| + | |||
| + | |||
| В этой статье описано, как реализовать такое автодополнение вариантов поиска в редакции Халява | В этой статье описано, как реализовать такое автодополнение вариантов поиска в редакции Халява | ||
| {{:private:koding:hostcms:shop:12e3.jpg|}} | {{:private:koding:hostcms:shop:12e3.jpg|}} | ||
| Line 6: | Line 9: | ||
| Свежую версию плагина можно скачать на Github'е: https://github.com/devbridge/jQuery-Autocomplete | Свежую версию плагина можно скачать на Github'е: https://github.com/devbridge/jQuery-Autocomplete | ||
| - | 1. необходимо добавить загруженные файлы скрипта и стилей на сервер ''styles.css'' и ''jquery.autocomplete.min.js'' в папки ''css'' и ''js'' соответственно. | + | - Необходимо добавить загруженные файлы скрипта и стилей на сервер ''styles.css'' и ''jquery.autocomplete.min.js'' в папки ''css'' и ''js'' соответственно. |
| - | + | - Подключить эти файлы в основном макете сайта | |
| - | 2. подключить эти файлы в основном макете сайта | + | - В основной макет сайта в блок ''head'' добавить следующий код: <code html> |
| - | + | ||
| - | 3. в основной макет сайта в блок ''head'' добавить следующий код: | + | |
| - | + | ||
| - | <code html> | + | |
| <script type="text/javascript"> | <script type="text/javascript"> | ||
| $(function() { | $(function() { | ||
| Line 31: | Line 30: | ||
| }); | }); | ||
| </script></code> | </script></code> | ||
| - | + | - Для ''<input>'', у которого должен выводиться выпадающий список добавляете ''id="search_text"'' | |
| - | 4. Для ''<input>'', у которого должен выводиться выпадающий список добавляете | + | - В ТДС, в Настройки страницы интернет магазина добавить код: (данный пример кода ищет варианты автозаполнения по имени и артикулу) <code php> |
| - | ''id="search_text"'' | + | |
| - | + | ||
| - | 5. В ТДС, в Настройки страницы интернет магазина добавить код: | + | |
| - | + | ||
| - | (данный пример кода ищет варианты автозаполнения по имени и артикулу) | + | |
| - | + | ||
| - | <code php> | + | |
| /** | /** | ||
private/koding/hostcms/modules/shop/useful/autocomplete.1448448423.txt.gz · Last modified: 25.11.15 в 13:47 by san-ma_yandex.ru
