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

Поиск товаров с автозаполнением по интернет-магазину 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

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

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

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

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


Здравствуйте, друзья! В этом небольшом уроке я хочу поговорить с Вами о создании поиска товаров с автозаполнением в интернет магазине WooCommerce. Такой поиск значительно удобней для посетителей, так как начиная вводить название нужного товара можно из рекомендуемого списка выбрать имеющиеся у Вас в магазине. Чем точнее будет вводиться "ключевое слово", тем более точным будет предлагаемый список товаров. Итак, давайте теперь разберем как сделать такой поиск. Поиск с выпадающими подсказками для автозаполнения 1. Установите и активируйте плагин YITH WooCommerce Ajax Search. 2. После активации плагина перейдите в YIT Plugins -> Ajax Search и укажите перевод для нескольких строк, после чего нажмите кнопку "Save Changes". Также…

Обзор

Рейтинг урока

Рейтинг: 4.89 ( 6 голосов )
100

2 комментария

  1. Скажите, а как убрать надпись «Search for: «, которая появляется как раз над добавленным виджетом на странице?

    • Нашёл как изменить, может кому-нибудь пригодится:

      1) Открываем файл
      wp-content/plugins/yith-woocommerce-ajax-search/templates/yith-woocommerce-ajax-search.php

      2) Ищем словосочетание ‘Search for:’

      3) Удаляем его, оставив лишь ‘ ‘

      4) Готово 😉

Оставить комментарий

Ваш email не будет опубликован.

*