Skip to content

Ajax-поиск для сайта на WooCommerce

Хотите организовать удобный Ajax-поиск по базе ваших товаров под управлением WooCommerce? Плагин «Ajax Search for WooCommerce» без труда решит эту задачу!

Принцип работы технологии ajax достаточно просто. Пользователь вводит в поле для поиска товаров символы (минимум три) и в определенный момент, когда символов будет достаточно для удовлетворения условия кода плагина, в этот момент без перезагрузки страницы, совершится запрос и соответствующие критериям запроса товары отобразятся в виде выпадающего списка. Пользователю останется, лишь выбрать нужный и по клику переместиться на его страницу.

Плагин Ajax Search для WooCommerce

Пример работы плагина
Пример работы плагина
Пример работы плагина
Пример работы плагина

Внутри, в админке, поиск прекрасно настраивается. Как видно из скриншота ниже, мы можем задать критерии для поиска:

  • поиск по контенту (основному содержимому) продукта
  • поиск по короткому описанию
  • поиск по категориям продукта
  • поиск по меткам продукта
  • поиск по SKU (артикул)

2016-10-21_162306

В разделе основных настроек нам доступно управление минимальным количествам символов, при которых будет происходить ajax-запрос к базе данных, так же мы можем задать минимальное число товаров для отображения при условии что они соответствуют запросу

2016-10-21_162237

И более того! Мы можем переименовать слова в форме поиска, активировать функцию еще одного запроса, уже при наведении на товар в соседний «бокс» будет подгружаться его дополнительная информация с кнопкой «добавить в корзину».

А в разделе Style нам можно реализовать внешний вид поиска (CSS) , а так же задать собственное изображение — Preloader, которое будет появляться в момент выполнения запроса и давать понять пользователю, что что то происходит 🙂

Как использовать?

  1. Для вызова формы поиска используйте шорткод [wcas-search-form]
  2. В php-шаблонах его можно вызвать с помощью функции do_shortcode():
< ?php echo do_shortcode('[wcas-search-form]') ?>
  1. Зайдите в раздел «Виджеты Screen» и перетяните виджет «Woo Ajax Search» в одну из доступных областей для вывода виджетов.
Логотип компании Axoft
Логотип компании Timeweb
Логотип компании Ozon
Логотип компании Nethouse
Логотип компании CreativeMarket
Логотип хостинг-компании Pressjitsu