Живой поиск по сайту

Назначение атрибутов

Атрибут
Назначение
Расположение
data-search-field
Поле для ввода поискового запроса
Тег form
data-search-result
Блок, в который записывается результат поиска
Тег form
[name="lang"]
Текущий язык
Тег form

Пример разметки

<form action="/search" method="get">
  <input type="hidden" name="lang" value="{{ language.locale }}">
  <input type="text" name="q" value="" placeholder="Поиск" data-search-field />
  <button type="submit">Поиск</button>
  <div data-search-result></div>
</form>

Методы

setConfig

Обновление настроек

/**
 * @param {number} letters с какого символа начинать поиск
 * @param {number} delay задержка между запросами
 * @param {boolean} hide_items_out_of_stock нужно ли скрывать товары, которых нет в наличии
 */

 AjaxSearch.setConfig({
   letters: 3,
   delay: 300,
   hide_items_out_of_stock: true
 });

События

Атрибут
Назначение
before:insales:search
Срабатывает перед любым взаимодействием с компонентом поиска
update:insales:search
Срабатывает после обновления результатов поиска
always:insales:search
Срабатывает после любого взаимодействия с компонентом поиска

Пример подписки на событие

EventBus.subscribe('update:insales:search', function (data) {
  console.log(data);
});

Оставить оценку

Оценка успешно отправлена.
Она будет проверена администратором перед публикацией.
Перед публикацией все оценки проходят модерацию

Оценки: 0

Остались вопросы?
Отправь тикет в техподдержку!
Еще нет своего магазина?
Создайте интернет-магазин на платформе inSales
Всё для продаж уже внутри!
Нажимая кнопку «Зарегистрироваться», я принимаю Пользовательское соглашение и Политику конфиденциальности
Недавно просмотренные статьи
Продолжая пользоваться сайтом,
вы соглашаетесь с использованием cookie