Хотите организовать удобный Ajax-поиск по базе ваших товаров под управлением WooCommerce? Плагин «Ajax Search for WooCommerce» без труда решит эту задачу!
Принцип работы технологии ajax достаточно просто. Пользователь вводит в поле для поиска товаров символы (минимум три) и в определенный момент, когда символов будет достаточно для удовлетворения условия кода плагина, в этот момент без перезагрузки страницы, совершится запрос и соответствующие критериям запроса товары отобразятся в виде выпадающего списка. Пользователю останется, лишь выбрать нужный и по клику переместиться на его страницу.
Плагин Ajax Search для WooCommerce


Внутри, в админке, поиск прекрасно настраивается. Как видно из скриншота ниже, мы можем задать критерии для поиска:
- поиск по контенту (основному содержимому) продукта
- поиск по короткому описанию
- поиск по категориям продукта
- поиск по меткам продукта
- поиск по SKU (артикул)
В разделе основных настроек нам доступно управление минимальным количествам символов, при которых будет происходить ajax-запрос к базе данных, так же мы можем задать минимальное число товаров для отображения при условии что они соответствуют запросу
И более того! Мы можем переименовать слова в форме поиска, активировать функцию еще одного запроса, уже при наведении на товар в соседний «бокс» будет подгружаться его дополнительная информация с кнопкой «добавить в корзину».
А в разделе Style нам можно реализовать внешний вид поиска (CSS) , а так же задать собственное изображение — Preloader, которое будет появляться в момент выполнения запроса и давать понять пользователю, что что то происходит 🙂
Как использовать?
- Для вызова формы поиска используйте шорткод [wcas-search-form]
- В php-шаблонах его можно вызвать с помощью функции do_shortcode():
< ?php echo do_shortcode('[wcas-search-form]') ?>
- Зайдите в раздел «Виджеты Screen» и перетяните виджет «Woo Ajax Search» в одну из доступных областей для вывода виджетов.