Расширенный 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 поиск, пользуйтесь на здоровье.

 






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

6 комментариев

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

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

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

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

  • Oleg 15.04.2017 Ответить

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

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

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

  • Алл 19.05.2018 Ответить

    В том вся и проблема что стандартный поиск не предусмотрен,нужно удалять поиск этот и вставлять блок виджетов,а в него уже через админку этот поиск ну и стилизировать под себя,зайти в css файл и поменять вид

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

      Поиск можно вывести с помощью кода. Сначала добавьте поиск с помощью виджета, затем перейдите в исходный код, скопируйте код поиска. Теперь можно добавить этот код в любое место. Какой поиск вам нужно удалять?

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

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

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение

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