Этот вариант реализации поиска для сайта подразумевает то, что после ввода запроса пользователя под формой сразу подгружаются и показываются соответствующие результаты. Все это происходит автоматически в реальном времени и, в целом, достаточно удобно. Раньше вы уже могли видеть обзор плагина Ajax Search Lite для WordPress, а сегодня рассмотрю модули, заточенные конкретно под магазин WooCommerce. Я отобрал наиболее популярные и актуальные решения, у каждого из которых есть свои преимущества и недостатки.
Я так понимаю, по умолчанию WooCommerce использует базовую функциональность WP-движка. И хотя вы можете добавить на сайте какие-то хаки для поиска, все равно в нем будет отсутствовать возможность находить объекты по артикулу товара SKU и др.
При этом добавление фишки с Ajax-поиском в живом времени должно увеличить интерактивность и эффективность данного элемента за счет чуть большей вовлеченности пользователей.
Ajax Search for WooCommerce
Основные функции модуля:
- Возможность искать по заголовку, длинному/короткому описанию продукта, его артикулу.
- Отображение в результатах: превью, цены, описания, SKU.
- Легкое внедрение через меню, шорткод или виджет.
- Поиск по категориями и тегам.
- Лимит количества элементов в результатах + ссылка на полноценную страницу со всеми найденными объектами каталога.
- Минимальное число символов для старта живого поиска.
- Поддержка локализации и Google Analytics.
- Множество настроек, в том числе и по внешнему виду формы.
- Есть специальная дополнительная панель для вывода в результатах, когда при наведении на элементы пользователь увидит всю информацию о товаре и даже сможет его купить!
- Starting – описаны все методы интеграции на сайт.
- Search bar – содержит определенные параметры поисковой строки + настройки ее внешнего вида.
- Autocomplete – формат и оформление отображаемых на выходе результатов.
- Search config – некоторые критерии для поиска.
Мне лично данное решение очень понравилось – здесь очень много интересных опций, можно управлять практически всем. Причем как в админке, так и внешне работа модуля выглядит отлично.
Единственное, что меня здесь смутило – это скорость работы. То ли я тестировал Ajax Search for WooCommerce на глючном сайте, то ли интернет в тот момент тормозил, но ответа приходилось ждать несколько секунд. В современных реалиях это долго.
Чтобы исправить эту ситуацию разработчики предлагают вам поставить PRO версию. Нет, они специально не замедляют работу своего детища, просто в продвинутой версии используется «обратный индекс» (inverted index) – технология, позволяющая в разы ускорить весь процесс.
Также в PRO разрешается искать по вариациям, атрибутам, пользовательским полям и многое другое. Предложение очень заманчивое, но ценник в $150 за пожизненную лицензию немного кусается. Хотя, если у вас серьезный тематический сайт как здесь в котором надо реализовать более быстрый и улучшенных поиск, то это можно считать инвестицией.
Advanced Woo Search
Основная задача и функции у модуля такие же, как и у прошлого – вы можете искать товары по заголовкам, текстам, артикулам, тегам и категориям. В результатах разрешается выводить не только название, но и картинки, описание, цены. Похожие объекты группируются. Интеграция через виджет/шорткод.
Из нового и интересного здесь есть:
- Настройка стоп-слов.
- Разработчики говорят, что их продукт функционирует максимально быстро. Я так понимаю, это достигается за счет создания специального индекса. В первый раз запускаете его формирование вручную, а дальше данные будут синхронизироваться автоматически.
- Поддерживаются синонимы и множественные формы (но не уверен, что это работает с товарами, не на английском языке).
- Совместимость с куда большим количеством плагином локализаций и других, например, с Custom Product Tabs for WooCommerce и Search Exclude.
- Не уверен, что прошлый модуль так может, но здесь имеется подсветка акционных/скидочных товаров.
Все настройки Advanced Woo Search задаются в одноименном разделе админки, они собраны в 3 вкладки:
- Основные – информация об установке, ручная переиндексация таблицы данных, очистка кэша, стоп-слова, синонимы, поля для поиска.
- Search Form – тут собрано все, что касается отображения поисковой формы (есть даже три варианта ее дизайна).
- Результаты – содержит информацию, которая будет показана пользователю в итоге.
Для каждого параметра есть пояснение, и их, в принципе, тут не мало. Еще один плюс данного решения – стоимость PRO версии всего $49. Взамен получите: поиск по атрибутам и таксономиям, дизайны формы, использование логических выражений И / ИЛИ, поддержку ACF, кнопку добавить в корзину и др. В целом, весьма неплохой набор.
YITH WooCommerce Ajax Search
Набор функций минимальный:
- Можете менять тексты в поисковой форме.
- Добавление на сайт с помощью виджетов или шорткода.
- Также задается минимальное число символов для старта работы и максимальное количество элементов в результатах.
Smart WooCommerce Search
Нашел это плагин в последний момент перед написанием статьи. Мое внимание привлекло то, что в его демо-версии результаты в реальном времени подтягивались достаточно быстро (возможно, из-за того, что там было не более 10-ти товаров). Оценка хорошая, загрузок – 10 тысяч, хотя за последние 3 месяца от автора ничего не было слышно + накопилось 5 багов.
Возможности Smart WooCommerce Search, в принципе, соответствуют всем остальным плагинам (кроме YITH). Здесь есть куча настроек внешнего вида формы, вывод ее через виджет/шорткод, поиск не только по каталогу продукции, ее категориям/тегам, но и по постам, страницам сайта. Поддерживаются вариативные товары, а также ограничение поиска по рубрикам – за эти 2 опции лайк.
Данный модуль я пока не тестировал, поэтому его скриншоты смотрите в репозитории. Выглядит визуально не супер стильно, зато почти все параметры оформления сможете менять без кодинга.
Итого. Из всех плагинов живого поиска в WooCommerce для своей задачи я выбрал Advanced Woo Search. Меня подкупило наличие механизма индексации таблиц БД и кэша в бесплатной версии – вероятно, я позволит данному элементу работать быстрее. Самый красивый – это, конечно, Ajax Search for WooCommerce, в нем все оформлено достаточно стильно. Последний модуль также нужно будет как-то потестировать, он выглядит неплохо, надеюсь автор не забросит разработку.