Name: Умный расширенный поиск InSales
SKU: BW-SMAR-754269
Price: 190.0 RUB
Availability: InStock

Детали и скриншоты Нажмите, чтобы увеличить

Навигация по магазину · InSales

Найдём, даже если запрос неточный

Поиск показывает товары с изображениями во всплывающем окне. Если запрос ничего не нашёл, пробует другую раскладку и транслитерацию.

Товары, категории, страницы и статьи — в одном поиске.

Объёмная иллюстрация расширенного поиска по магазину

Возможности

Больше способов найти нужное

Работа с неточным вводом

Поиск начинается с ключевого слова. При пустой выдаче последовательно применяются смена раскладки и транслитерация. Для исправления ошибок ввода используется Яндекс.Спеллер.

Не только товары

Включайте поиск по названиям категорий, страницам и статьям. Разделы сайта обновляются автоматически, а частые запросы вы задаёте сами.

Удобная выдача

Адаптивное окно показывает изображения товаров. Фильтрацию на странице результатов можно включить при соблюдении условий вложенности каталога.

Установка и использование

Подключается к форме поиска на сайте

После активации приложение само подключается к формам поиска InSales. Код темы менять не нужно.

В кабинете задайте частые запросы и выберите, искать ли по категориям, страницам и статьям. Фильтры включаются отдельно — с учётом структуры каталога.

По вопросам настройки — поддержка в Telegram.

Проверьте поиск глазами покупателя

Введите название существующего товара.
Попробуйте тот же запрос в другой раскладке.
Проверьте включённые разделы: категории, страницы, статьи.
Откройте окно на телефоне и перейдите в найденный товар.

Внешний вид можно изменить с помощью CSS. Технические примеры — ниже.

Для разработчиков

Оформление и события поиска

Как сделать затемнение окна светлее?

Добавьте исходные CSS-стили в файл стилей темы. В сниппете head.liquid размещайте CSS внутри тега <style>.

.va-alfred-overlay.va-visible {
    background: rgba(0, 0, 0, 0.2) !important;
}

Цвета, прозрачность и размеры интерфейса поиска настраиваются через CSS.

Какие события доступны через EventBus?

search:render — запуск поиска; параметр — строка запроса.
search:products-loaded — загрузка результатов; параметры query, products, source.
search:products-rendered — отображение результатов; параметры query, count, products.

Исходный пример подписки на события; он приведён как код и не выполняется на этой странице.

// Отслеживание событий поиска
if (typeof EventBus === 'object' && typeof EventBus.subscribe === 'function') {
  EventBus.subscribe('search:render', function(searchString) {
    console.log('Поиск запущен:', searchString);
  });

  EventBus.subscribe('search:products-loaded', function(data) {
    console.log('Результаты загружены:', data.query, data.products);
  });

  EventBus.subscribe('search:products-rendered', function(data) {
    console.log('Результаты отображены:', data.query, data.count, data.products);
  });
}

От чего зависит фильтрация в результатах?

Для её активации должны соблюдаться условия вложенности каталога. Перед включением уточните требования в поддержке и проверьте структуру своего каталога.