Home -> Уроки WordPress -> Автозаполнение при поиске товаров в интернет-магазине Woocommerce
Автозаполнение при поиске товаров в интернет-магазине Woocommerce

Автозаполнение при поиске товаров в интернет-магазине Woocommerce

Автозаполнение при поиске товаров в интернет-магазине Woocommerce

Приветствую, друзья! В этом мини-уроке я расскажу о технологии реализации в интернет-магазине, управляемом Woocommerce, формы поиска товаров (продуктов) с автозаполнением. Подобная «фишка» очень удобна для посетителей: начав ввод наименования разыскиваемого товара в поисковом поле, они получают список рекомендаций, соответствующих вводимому запросу. При точном вводе запроса в этом списке отобразятся наиболее релевантные товары. Создать «автозаполняющийся» поиск товаров помогает расширение для Woocommerce, называющееся YITH Ajax Search.

Алгоритм добавления поиска товаров с автозаполнением из выпадающего списка подсказок

  1. Установите плагин YITH WooCommerce Ajax Search.Автозаполнение при поиске товаров в интернет-магазине Woocommerce
  2. Активируйте установленный плагин.Автозаполнение при поиске товаров в интернет-магазине Woocommerce
  3. Откройте подраздел Ajax Search раздела YIT Plugins в админке.Автозаполнение при поиске товаров в интернет-магазине Woocommerce
  4. Укажите перевод в верхних полях, как на скриншоте ниже, и кликните Save Changes.Автозаполнение при поиске товаров в интернет-магазине Woocommerce
  5. При желании измените свойства настроек Maximum number of results (максимум товаров, отображающихся в выпадающем списке) и Minimum number of characters (минимум символов, после ввода которых плагин предложит варианты для автозаполнения).Автозаполнение при поиске товаров в интернет-магазине Woocommerce
  6. Перейдите в подраздел Виджеты раздела Внешний вид в админке и разместите в подходящем месте (например, в сайдбаре) виджет поиска от YITH WooCommerce Ajax Product Search.Автозаполнение при поиске товаров в интернет-магазине Woocommerce

Откройте страницу вашего вебресурса и проверьте работоспособность инсталлированного плагина. У меня на тестовом сайте результат такой:Автозаполнение при поиске товаров в интернет-магазине Woocommerce

Если реализовать поиск товаров с вариантами для автозаполнения не получилось, напишите в комментариях. Разберемся сообща!