Вариант строки поиска с автоподстановкой без использования Search API

Чт, 17/11/2016 - 09:55

Как уже многие начали составлять методички о внедрении поиска с автоподстановкой на сайт.
http://drupal.ru/node/130905 gun_dose предлагает внедрять подобное на сайт с Search API, я пишу от поиске без Search API. Результат тут http://ukrigrushka.com.ua/

Понадобятся модули:
 search_autocomplete
 better_exposed_filters
 mefibs
 views_selective_filters
 views_block_filter_block - не обяз

Поехали.

1. Вьюха, которая выводит товары. Помещена на отдельную страницу.

main-view

Ставим 2 блока для вывода фильтров

1) Строка поиска (в шапке, то для чего вы это читаете) - блок defaul
2) Фильтры производитель, материала, тип товара - блоки с фильтрами. Необязательно, но я поставил.

2_-_main-view_-_blocks.png
3_-_main-view_-_blocks_-_def.png

Будут выглядеть так:
primer1
primer2

Расставляем фильтры вьюхи по блокам.

1) Строка поиска ищет по заголовку товара, поэтому Заголовок в блок default
2) Каталог, Производитель, материал и т.п. - в блок с фильтрами. Внимание! Использован views_filters_selective.

4_-_main-view_-_filter_1.png
5_-_main-view_-_filter_5.png

Настройки Better Exposed Filters

6_main-view_-_bef1.png
7_main-view_-_bef2.png

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

1) Блок строки поиска - в "шапку". У меня регион для телефонов.
2) Блок остальных фильтров в содержимое. Показывать блок только на странице product-search* - путь главной вьюхи (крутим вверх.)
8_blocks_1.png
9_blocks_2.png

2. Вьюха автоподстановки. Выпадает в строке поиска.

В автоподстановке строки поиска будут выводиться:
- название товара
- его картинка
но можно выводить любые поля.
10_autocompl-view.png
11_autocompl-view-row-sett.png

3. Настройки автоподстановки.

Собственно настройки модуля search_autocomplete. Находяться по адресу admin/config/search/search_autocomplete
Добавляем форму. Я уже добавил, поэтому редактирую свою.
12_-_autocompl_-_base.png
13_-_autocompl_-_sett_1.png
14_-_autocompl_-_sett_2.png

Самое главное тут:
Use an existing view: - вьюха автоподстановки.
ID-селектор этой формы - Инпут строки поиска в "шапке". Firebug в помощь. Либо временно на странице настроек модуля включить "Use autocompletion helper tool for Search Autocomplete administrators."

4 Спасибо

Комментарии

Аватар пользователя bumble
3 months 1 неделя назад bumble #

На главной.

0 Спасибо
Аватар пользователя VasyOK
3 months 1 неделя назад VasyOK #

Кому что не понятно - спрашивайте. Возможно что-то и забыл.

0 Спасибо