Здравствуйте, друзья! В этом небольшом уроке я хочу поговорить с Вами о создании поиска товаров с автозаполнением в интернет магазине WooCommerce.
Такой поиск значительно удобней для посетителей, так как начиная вводить название нужного товара можно из рекомендуемого списка выбрать имеющиеся у Вас в магазине. Чем точнее будет вводиться «ключевое слово», тем более точным будет предлагаемый список товаров.
Итак, давайте теперь разберем как сделать такой поиск.
Поиск с выпадающими подсказками для автозаполнения
1. Установите и активируйте плагин YITH WooCommerce Ajax Search.
2. После активации плагина перейдите в YIT Plugins -> Ajax Search и укажите перевод для нескольких строк, после чего нажмите кнопку «Save Changes».
Также в настройках можно изменить:
- Minimum number of characters — минимальное количество символов, необходимое для начала автозаполнения
- Maximum number of results — максимальное количество товаров в выпадающем списке
3. Теперь перейдите в Внешний вид -> Виджеты и установите виджет «YITH WooCommerce Ajax Product Search» на сайдбар (боковую панель) Вашего сайта. Виджет поиска не обязательно должен быть именно на сайдбаре каталога товаров, он будет работать с любой страницы сайта.
В результате мы получим вот такой виджет, с автозаполнением при вводе названий товаров:
Плагин достаточно прикольный и полезный, да и проблем с ним не должно возникнуть.
Как всегда напоминаю, если у Вас возникают вопросы — пишите в комментариях.
Скажите, а как убрать надпись «Search for: «, которая появляется как раз над добавленным виджетом на странице?
Нашёл как изменить, может кому-нибудь пригодится:
1) Открываем файл
wp-content/plugins/yith-woocommerce-ajax-search/templates/yith-woocommerce-ajax-search.php
2) Ищем словосочетание ‘Search for:’
3) Удаляем его, оставив лишь ‘ ‘
4) Готово 😉
Не плагин, а говнище. Работает через жопу. Выдает то, что не пишут в поиске.