# Поиск

# Быстрый поиск

Быстрый поиск представляет собой выпадающее окно, которое изменяется по мере ввода текста в поле поиска.

Быстрый поиск

Подключение выполняется простым добавлением 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 символов. В этом случае поиск работает только в режиме точного совпадения наименования товара, поиск по части запроса отключается.

# Решение проблем

В случае некорректного отображения результатов поиска, воспользуйтесь этим документом для поиска проблем.