Продолжаем освещать интересные и полезные плагины для онлайн магазина woocommerce. Сегодня вы узнаете как добавить в свой интернет магазин расширенный ajax поиск товаров woocommerce. Что даст вам расширенный ajax поиск ? Когда пользователь будет искать товар на вашем сайте, то при вводе всего одной буквы, ему уже будут показаны соответствующие товары. Вы сможете настроить вид товаров в выпадающем списке поиска. По умолчанию товары отображаются с миниатюрами изображений, с ценами, акциями, описанием и т.д.
Установить расширенный поиск в свой магазин, можно с помощью плагина — Advanced Woo Search. Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, перейдите на страницу Adv. Woo Search. Здесь вы сможете настроить отображение поиска.
— Text for search field, укажите текст который будет отображаться в поле поиска.
— Minimum number of characters, укажите здесь минимальное количество символов для запуска Ajax поиска. То есть, при вводе одной буквы, уже будут показаны соответствующие товары.
— Show loader, показ эффекта загрузки при поиске. По умолчанию включено.
— Show image, показывать изображения товаров в выпадающем списке поиска. По умолчанию включено.
— Show description, показывать описание товаров в поиске, включено.
— Description source, здесь вы сможете выбрать, откуда будет браться описание товаров. Из отрывка или из контента.
— Description length, здесь указан размер описания.
— Show price, показ цен включён по умолчанию.
— Mark words, будет показываться пометка для товаров из акции.
— Show categories, показывать категории, отключено.
— Show tags, показывать теги, отключено.
— Show sale badge, показ товаров из распродажи.
— Max number of results, здесь указано сколько максимум товаров будет показано в поисковой выдаче.
— Exact match, функция поиска только для полностью совпадающих строк. То есть примерные результаты не будут показаны.
— Search in, здесь можно выбрать источник поиска. Из левого поля перетащите элементы в правое поле, в которых будет производиться поиск.
— Нажмите на кнопку — Save Changes, чтобы сохранить сделанные изменения.
После сохранения настроек, перейдите на страницу: Внешний вид — Виджеты. Здесь у вас появится новый виджет — AWS Widget, который добавит расширенный поиск на ваш сайт. Перетащите виджет в сайдбар, настроек у виджета нет, можете только указать заголовок виджета.
Всё готово ! Теперь у вас есть расширенный Ajax поиск, пользуйтесь на здоровье.