# Поиск
# Быстрый поиск
Быстрый поиск представляет собой выпадающее окно, которое изменяется по мере ввода текста в поле поиска.
Подключение выполняется простым добавлением CSS
класса rees46-instant-search
к вашему существующему полю поиска:
<input class="rees46-instant-search" type="text">
Если на вашем поле поиска уже есть CSS-классы, просто добавьте новый к ним. Например, так:
<input class="my-class1 my-class2 rees46-instant-search" type="text">
Не забудьте отключить функциональность вашего старого поиска.
# Полный поиск
Подключение выполняется простым добавлением элемента на вашей странице:
<div class="rees46-full-search-results" data-search-query="%QUERY%"></div>
Где %QUERY%
- поисковый запрос.
Так же можно подключить предустановленный блок фильтров результата поиска. Простой пример:
<div style="display: flex">
<div class="rees46-filters"></div>
<div class="rees46-full-search-results" data-search-filters-block=".rees46-filters" data-search-query="%QUERY%"></div>
</div>
Доступные аттирибуты для элемента с результатами поиска rees46-full-search-results
:
data-search-limit
- количество товаров в выдачеdata-search-page
- страница выдачи, по умолчанию1
data-search-offset
- смещение выдачи, если указано, тоdata-search-page
игнорируетсяdata-search-available
- фильтрация товаров в наличии, по умолчаниюtrue
- только в наличии. Доступные значения:true, false
data-search-sort-by
- сортировка результатов, по умолчаниюpopular
. Доступные значения:popular, price, sales_rate, date, discount, rating
data-search-order
- порядок сортировки, по умолчаниюdesc
. Доступные значения:asc, desc
data-search-price-min
- минимальная цена товара для выборкиdata-search-price-max
- максимальная цена товара для выборкиdata-search-categories
- список категорий через запятуюdata-search-brands
- список брендов через запятуюdata-search-callback
- колбек с резульатами поискаdata-search-error
- колбек в случае возникновения ошибкиdata-search-total-block
- css селектор блока, куда будет выведено общее число в результатах поиска
Доступные аттирибуты для элемента с блоком фильтров rees46-filters
:
data-categories-title
- заголовок для блока фильтров категорийdata-brands-title
- заголовок для блока фильтров брендовdata-filters-title
- заголовок для блока фильтров по параметрам
Для SPA сайтов
Каждый раз при переходе по страницам вашего сайта необходимо вызывать методы:
- для полного поиска
r46('full_search_init')
- для быстрого поиска
r46('search_init')
# Ограничения
По умолчанию лимит на поисковый запрос - 80 символов. Для кейсов, когда копируется название товара, поддерживается лимит - 200 символов. В этом случае поиск работает только в режиме точного совпадения наименования товара, поиск по части запроса отключается.
# Решение проблем
В случае некорректного отображения результатов поиска, воспользуйтесь этим документом для поиска проблем.