Расширенный Ajax поиск товаров Woocommerce

Продолжаем освещать интересные и полезные плагины для онлайн магазина woocommerce. Сегодня вы узнаете как добавить в свой интернет магазин расширенный ajax поиск товаров woocommerce. Что даст вам расширенный ajax поиск ? Когда пользователь будет искать товар на вашем сайте, то при вводе всего одной буквы, ему уже будут показаны соответствующие товары. Вы сможете настроить вид товаров в выпадающем списке поиска. По умолчанию товары отображаются с миниатюрами изображений, с ценами, акциями, описанием и т.д.

 

поиск woocommerce

 

Установить расширенный поиск в свой магазин, можно с помощью плагина — Advanced Woo Search. Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин woocommerce

 

После установки и активации плагина, перейдите на страницу 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

 

Всё готово ! Теперь у вас есть расширенный Ajax поиск, пользуйтесь на здоровье.

 

   
 
Расширенный Ajax поиск товаров Woocommerce обновлено: Апрель 18, 2016 автором: Илья Журавлёв

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

  • Роман 06.03.2017 Ответить

    А как сделать расширенный поиск в стандартной строке поиска (в Storefront), которая в заголовке? Может есть какой плагин?

    • Илья Журавлёв 06.03.2017 Ответить Автор

      Здравствуйте, данный поиск встроен в тему Storefront. Надо искать плагин конкретно для Storefront. Попробуйте такой запрос ввести — Storefront Search.

  • Oleg 15.04.2017 Ответить

    Здравствуйте Илья, подскажите пожалуйста.
    Появилась надобность изменить стандартный поиск товаров который идёт в шаблоне темы, на более продвинутый с выпадающим списком от Woocommerce.
    Место на странице всё тоже, нужно только апгрейдить поисковик Шаблона.
    Тема Shop Isle.
    Движок WordPress.
    Возможно функционал данного плагина применить к стандартному поисковику в теме шаблона?!
    Спасибо за внимание!

    • Илья Журавлёв 15.04.2017 Ответить Автор

      Здравствуйте. Вы конечно можете попробовать заменить код поиска вручную. Но, при обновлении темы все изменения исчезнут. А так конечно, код поиска можно в любое место запихнуть !

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

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



Яндекс.Метрика

Правила - Карта - Связь

Стрелка вверх