Поиск товаров с автозаполнением по интернет-магазину WooCommerce

Здравствуйте, друзья! В этом небольшом уроке я хочу поговорить с Вами о создании поиска товаров с автозаполнением в интернет магазине WooCommerce.

Такой поиск значительно удобней для посетителей, так как начиная вводить название нужного товара можно из рекомендуемого списка выбрать имеющиеся у Вас в магазине. Чем точнее будет вводиться «ключевое слово», тем более точным будет предлагаемый список товаров.

Итак, давайте теперь разберем как сделать такой поиск.

Поиск с выпадающими подсказками для автозаполнения

1. Установите и активируйте плагин YITH WooCommerce Ajax Search.

Поиск товаров с автозаполнением по интернет-магазину WooCommerce

2. После активации плагина перейдите в YIT Plugins -> Ajax Search и укажите перевод для нескольких строк, после чего нажмите кнопку «Save Changes».

Поиск товаров с автозаполнением по интернет-магазину WooCommerce

Также в настройках можно изменить:

  • Minimum number of characters — минимальное количество символов, необходимое для начала автозаполнения
  • Maximum number of results — максимальное количество товаров в выпадающем списке

3. Теперь перейдите в Внешний вид -> Виджеты и установите виджет «YITH WooCommerce Ajax Product Search» на сайдбар (боковую панель) Вашего сайта. Виджет поиска не обязательно должен быть именно на сайдбаре каталога товаров, он будет работать с любой страницы сайта.

Поиск товаров с автозаполнением по интернет-магазину WooCommerce

В результате мы получим вот такой виджет, с автозаполнением при вводе названий товаров:

Поиск с выпадающими подсказками для автозаполнения

Плагин достаточно прикольный и полезный, да и проблем с ним не должно возникнуть.

Как всегда напоминаю, если у Вас возникают вопросы — пишите в комментариях.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

два × 2 =