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

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
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Роман

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

    Ответить
    1. Admin автор

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

      Ответить
  2. Oleg

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

    Ответить
    1. Admin автор

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

      Ответить
  3. Алл

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

    Ответить
    1. Admin автор

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

      Ответить
  4. Анастасия

    Добрый день, Илья! Не подскажете, есть ли плагин для нескольких складов? Сейчас у меня только один stock, а нужно 2-3 чтобы было. Например склад Россия, склад Европа.

    Ответить
    1. Admin автор

      Добрый день. Что вы имеете ввиду под словом склад на сайте? В woocommerce можно только с помощью категорий или меток разделять товары. Если вы хотите отдельную базу данных для каждого каталога, создайте 2 или 3 сайта WordPress и управляйте ими из одной панели с помощью плагина Multisite Toolbar Additions. Гляньте ещё плагин ATUM Inventory Management for WooCommerce для управления запасами.

      Ответить
  5. Jony

    Добрый день!
    Данный плагин заменяет поиск из шаблона “Porto”, все работает!
    НО, как сделать страницу вывода результатов поиска? Чтобы вывести заголовок на этой странице, прописать мета, добавить текст, виджеты и т.п.

    Ответить